1·先在body中创建一个table或div并声明id,而且要让页面加载时执行创建datagrid的function方法:
<body onload="mes()">
<table id="message">
</table>
</body>
2.定义function方法
funtion mes(){
//使用js动态创建easyui的datagrid
$('#message').datagrid({
title:"留言",
width:510,
height:300,
pageSize:10,//初始化显示条数
pageList:[10,40,60],//分页列表
iconCls:"icon-save",
pagination:"true",//设置为ture才显示下方分页工具栏
rownumbers:"true",
nowrap:true,
loadMsg : '数据正在加载,请耐心的等待...',
fitColumn:"true",
url:"/queryMessage"+"?filename="+fileName[1],
rowStyler:function(rowIndex,rowData){
if(rowIndex % 2==0){
return 'color:blue';
}
},//设置列的style,可以改变字体颜色,背景颜色等
columns: [[
{field:'username',title:'用户 ',width:'100'},
{field:'content',title:'留言内容',width:'300'}
]]
});
}