第二步,在标题下方引入EasyUI相关的CSS和JS文件,如下图所示:
第三步,在body元素内部插入<table></table>,并引入表格样式以及数据源,如下图所示:
第四步,编辑表格数据源student.json,设置表格需要的字段以及字段值
可以,但是数据必须是JSON对象,并且符合以下格式:{"total":总记录数,"rows":数据行数组}
例如:
{"total":300,"rows":[{"id":1,"name":"张三"},{"id":2,"name":"李四"}]}
这个JSON数据对象可以是你在页面上自己拼凑出来的,也可以是通过AJAX请求从服务器端响应来的等等,从哪里来的无所谓,只要符合以上格式就行,然后通过DataGrid组件的loadData方法加载,如下(假设data变量值是上面举例的那个数据对象):
$("#demoDataGrid").datagrid("loadData",data)
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)