<table id="dg"></table>
<script>
$('#dg').datagrid({
url:'{:U("Customer/userList")}',//第一种方法
//url:'__PUBLIC__/data/userList.json',第二种方法
//url:__URL__/userList,第三种方法
columns:[[
{field:'com_name',title:'com_name',width:100},
{field:'com_phone',title:'com_phone',width:100},
{field:'time',title:'time',width:100,align:'right'}
]],
toolbar: [{
iconCls: 'icon-edit',
handler: function(){alert('编辑按钮')}
},'-',{
iconCls: 'icon-help',
handler: function(){alert('帮助按钮')}
}]
});
</script>
三种方式代表了js前端开发的变迁，大趋势是从js控制转向html标签属性绑定。http://www.jeasyui.com/demo/main/index.php?plugin=DataGrid&theme=default&dir=ltr&pitem=
第三种要报错吧。。都没符合js语法，除非你使用了第三方类库如angular什么的解析模板什么的
第一种是你服务器端编译后得到的地址，和第二中一样。
楼主你好，我个人比较喜欢用ajax去请求easyUI的datagrid。
HTML代码如下：
JS代码如下：
$(function(){
$('#tt').datagrid({
queryParams:Convert.getJson4Form("searchForm"),
pagination:true,
pageSize:50,
showFooter:true,
pageList:[50,40,30,20,10],
columns:[[
{field:'stuname',title:'标题一',width:80,align:'center'},
{field:'mobile',title:'标题二',width:100,align:'center'},
{field:'dealcode',title:'标题三',width:120,align:'center'},
/* ,{field:'babid',title:'操作',width:100,align:'center',formatter:function(value,row,index){
return "操作 ";
}} */
]],
//双击事件
onDblClickRow:function(index,row){
},
rowStyler:function(rowIndex,rowData){
},
onBeforeLoad:function(param){
}
});
}