一个关于用jquery在指定行号插入一行的问题:我的代码如下

一个关于用jquery在指定行号插入一行的问题:我的代码如下,第1张

$("table tr:eq(what)")这里把what放在双引号里面了。这样eq(what)的what只是个字符串。改成

$("table tr:eq("+what+")") 这样what才是数值的。

有个更好用的效果,看我的博文《jQuery动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)》,搜一下就有了。

删除的时候,获取当前删除行的行号,删除成功之后,把这一行数据删除;

其实可以用jquery的easyui 或者ligerui 来实现,还不错。这2个插件的实现:

在页面加载完成时,通过ajax去后台获取数据,封装成json,传回页面,然后将数据解析,生成table,写入数据行。当你需要对数据 *** 作时,同样也是异步 *** 作, *** 作完成之后,再去查询数据,通过js重新生成table,写入数据行。

你可以看下这2个插件的api。

$(document)ready(function() { $('#materialGrid')bootstrapTable({ type:"GET", url:"${ctx}/mcLjmaterial/getMcLjmaterialByPagedo", cache:false, striped : true, pagination : true,// toolbar : '#tabletb', pageSize: 10, pageNumber: 1, silentSort:false, sortable:true, showHeader: true, "queryParamsType": "limit", sidePagination : 'server',//设置为服务器端分页 pageList : [ 10, 25, 50, 100, 200 ], clickToSelect:true, columns : [ { field : 'id', title : '主键ID', align : 'right', valign : 'bottom', visible : false, sortable : true }, { field : '', title : '序号', align : 'center', valign : 'middle', sortable : true, formatter:function(value, row, index){ return rowindex = index+1 ; //返回行号 }

},{ field : 'bname', title : '材料名称', align : 'center', valign : 'middle', sortable : true,

}, { field : 'cname', title : '型号', align : 'center', valign : 'middle', sortable : true,

},{ field : 'sl', title : '数量', align : 'center', valign : 'middle', sortable : true,

}, { field : 'company', title : '队伍名称', align : 'center', valign : 'middle', sortable : true,

}, { field : 'sybw', title : '使用部位', align : 'center', valign : 'middle', sortable : true,

},{ field : 'ljtime', title : '时间', align : 'center', valign : 'middle', sortable : true, formatter : timeformat },{ field : 'fzr', title : '负责人', align : 'center', valign : 'middle', sortable : true,

},{ title : ' *** 作', align : 'center', valign : 'middle', width:100, formatter : dealFormatter } ]

});

} );

讲解:

materialGrid →页面上的table元素的id

formatter : timeformat→

日期格式化

url:"${ctx}/mcLjmaterial/getMcLjmaterialByPagedo",→

后台数据请求路径 简单的分页查询

field : 'id',→后台传的值字段 title : '主键ID',→

标题 align : 'right', valign : 'bottom', visible : false,→是否显示,fslse隐藏 sortable : true

不太熟悉这个插件。但是我想你可以写一个function来解决这个问题:

1不要使用aoColumnDefs来隐藏相关的列。

2写个function(最好是写成jq的扩展方法),功能很简单,参数为列索引,遍历该表格所有行,将你传入列的td的值作为属性添加到该tr上,并隐藏该TD。这样遍历一遍后,你需要隐藏的那列的所有的值都会作为TR的一个属性存在了。

3你需要获得该隐藏列的值的时候,直接访问TR的某个属性就可以了。

可以用数组,或者任何的东西来记录你需要隐藏的列的值,取的时候获得表格行号,根据索引去数组里取也成。

-------------------------------------------------------------

刚粗略查了一下这个插件,发现有个aoColumn中有个fnRender属性,可以对列进行渲染,比如你想进行"查看详细","修改","删除"等 *** 作都可以用这种方法

以上就是关于一个关于用jquery在指定行号插入一行的问题:我的代码如下全部的内容,包括:一个关于用jquery在指定行号插入一行的问题:我的代码如下、用JQuery实现ajax删除数据、如何用Jquery将后台数据通过表格形式展现在等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10081792.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存