easyui-之加载本地数据

1.html

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 ='删除';
									return g;
							}
						}
				] ]
		});
	}

4.效果图如下：