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

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值