使用js动态创建easyui的datagrid(网格)

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'}
					 ]]
					 
				});
}

猜你喜欢

转载自blog.csdn.net/xiaoshuo566/article/details/81625934