$("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将后台数据通过表格形式展现在等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)