easyui-之加载本地数据

原创 2016年08月30日 18:04:32

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.效果图如下:


版权声明:本文为博主原创文章,未经博主允许不得转载。

关于easyui datagrid 加载本地数据

所属单位                 专家姓名                 联系电话                 参检情况                 情况说明            ...

easyUI(一) -- 加载本地JSON数据

easyui官网上的Demo是加载JSON的方法是错误的 , 直接复制粘贴数据显示不出来 , 但是可以通过以下方法解决 . 1.将本地JSON数据写在 script 标签内 ,使用 $(“tt”)...
  • JacXuan
  • JacXuan
  • 2017年03月26日 21:53
  • 10010

03.手把手教你 .Net EasyUI DataGrid(带搜索功能的数据表格)

我们将数据展示出来,自然少不了对某条数据的搜索,所以搜索功能是必不可少的! 效果图3-1: (1)提交参数到后台的方法 我们在datagrig的toolbar(工具栏)区定义...

引入easyui文件的方式

第一种,直接引入页面 /Js/jquery-easyui-1.4.4/jquery.min.js"> /Js/jquery-easyui-1.4.4/jquery.easyui.mi...

dataGrid中文乱码问题解决

是因为底层生成xml时,没有指定编码。虽然打开txt文件时看到的中文都是一样但是还是编码的问题。这个问题需要java生成xml时就指定 import java.io.FileOutputStream;...
  • zfswff
  • zfswff
  • 2010年02月05日 09:06
  • 1070

JS EasyUI DataGrid动态加载数据

  • 2016年03月15日 16:25
  • 2KB
  • 下载

jquery easyui datagrid 加载已有得数据翻页 rownumber不变的解决办法

今天遇见了这么个问题 使用easyui的datagrid加载已经页面上已有的数据时,加载什么的问题,翻页数据也更新,但是rownumber始终是从1到10; 应该有不少同仁都遇见过这个问题,之前度娘始...
  • fox_mt
  • fox_mt
  • 2016年09月09日 13:45
  • 2860

再次谈谈easyui datagrid 的数据加载

http://www.easyui.info/archives/204.html 再次谈谈easyui datagrid 的数据加载 2012年02月26日 ⁄ datagrid ⁄ ...

【颗粒归仓】(一)jQuery easyui datagrid 的数据加载

其实easyuidatagrid加载数据只有两种方式:一种是ajax加载目标url返回的json数据;另一种是加载js对象,也就是使用loadDate方法,这种方法用于加载本地js数据(非url调用)...

easyui datagrid 大数据加载效率慢,优化解决方法

在使用easyui datagrid途中发现加载数据的效率真的不是一般的差。经测试IE8加载300条数据就感觉明显的慢了,加载2000条数据就另人崩溃用时差不多60秒,就算在google浏览器测试结果...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:easyui-之加载本地数据
举报原因:
原因补充:

(最多只允许输入30个字)