easyui-之加载本地数据

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="#" οnclick="c$.onBatdelete(' +index+ ')">删除</a>';
									return g;
							}
						}
				] ]
		});
	}

4.效果图如下：