关闭

easyui-之加载本地数据

标签: Easyui
337人阅读 评论(0) 收藏 举报
分类:

1.html

<div border="false" style="height:407px;margin-top: 40px;" >
   <table id="batlistTable"></table>
</div> 
2.javascript

 function batsave(){
   batdata = {"total":tt.length,"rows":tt};                //构建数据
    batloadGrid(batdata);                                   //将数据加入datagrid
    $('#batlistTable').datagrid('loadData', batdata);   //重新加载datagrid
}
3.datagrid
function batloadGrid(data) {
			$('#batlistTable').datagrid({
				fit : true,
				columns : [ [
				  	{
						field : 'fhole1',
						title : '管井1',
						align : 'center',
						width : 150
						},
				  	{
						field : 'fcell1',
						title : '管孔1',
						align : 'center',
						width : 150
					},
					
				  	{
						field : 'fhole2',
						title : '管井2',
						align : 'center',
						width : 150
						},
				  	{
						field : 'fcell2',
						title : '管孔2',
						align : 'center',
						width : 150,
						},
					{
							field : 'action',
							title : '操作',
							width : 80,
							align : 'center',
							formatter : function(value, row, index) {
								var g ='<a href="#" onclick="c$.onBatdelete(' +index+ ')">删除</a>';
									return g;
							}
						}
				] ]
		});
	}
4.效果图如下:


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:42189次
    • 积分:1394
    • 等级:
    • 排名:千里之外
    • 原创:80篇
    • 转载:19篇
    • 译文:14篇
    • 评论:6条
    最新评论