easyui-之加载本地数据

谁借莪１个温暖的怀抱￠ 2022-07-17 03:56 197阅读 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="#" οnclick="c$.onBatdelete(' +index+ ')">删除</a>';
    									return g;
    							}
    						}
    				] ]
    		});
    	}

4.效果图如下：

![Center][]

[Center]: /images/20220717/d0baa2c39fc54ac69acb7687a050eb0f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，197人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery easyui datagrid 的数据加载

这篇文章只谈jQuery easyui datagrid 的数据加载，因为这也是大家谈论最多的内容。其实easyui datagrid加载数据只有两种方式：一种是ajax加载目

╰半夏微凉°/ 2022年08月24日 11:47/ 0 赞/ 219 阅读

相关 EasyUI combobox 加载JSON数据

Action返回 JSON 格式如下： jsonResult = { total=7,rows=[ {TEXT=技术支持, I

拼搏现实的明天。/ 2022年08月22日 15:22/ 0 赞/ 242 阅读

相关 Easyui Tree + Asp.net加载数据

前端写法：第一种：缺点，当节点状态设置为closed时，会出现数据重复加载的情况，如下图： ![这里写图片描述][20151222160030466]

Bertha 。/ 2022年08月18日 13:21/ 0 赞/ 177 阅读

相关 easyui-之加载本地数据

1.html <div border="false" style="height:407px;margin-top: 40px;" > <table

谁借莪１个温暖的怀抱￠/ 2022年07月17日 03:56/ 0 赞/ 198 阅读

相关 bootstrap-multiselect加载本地数据

目录: 1. bootstrap-multiselect从后台加载数据 2. bootstrap-multiselect从本地加载数据渲染数据

淡淡的烟草味﹌/ 2022年06月13日 13:39/ 0 赞/ 365 阅读

相关 mysql 加载本地数据文件

表格和数据文件 CREATE TABLE pet (name VARCHAR(20), owner VARCHAR(20),species VARCHAR(20)

喜欢ヅ旅行/ 2022年06月07日 00:48/ 0 赞/ 208 阅读

相关 easyui datagrid 的数据加载Json数据

var obj = {'total':100,'rows':[{id:'1',name:'一'},{id:'2',name:'二'}]}; $('t

我就是我/ 2022年06月04日 02:53/ 0 赞/ 397 阅读

相关再次谈谈easyui datagrid 的数据加载

http://www.easyui.info/archives/204.html 文章目录 \[隐藏\] [1url方式加载数据][1_url]

╰半夏微凉°/ 2022年06月02日 11:50/ 0 赞/ 251 阅读

相关【easyui】easyui combobox 如何清空已加载的数据？

easyui combobox 如何清空已加载的数据？两种方式： 1. $('\leaveCountry').comb

喜欢ヅ旅行/ 2021年11月29日 04:14/ 0 赞/ 903 阅读

相关 easyui treegrid分页使用~ 数据加载

easyui treegrid分页使用~ 数据加载

测试账号/ 2021年01月19日 17:23/ 0 赞/ 651 阅读