bootstrap-table 中取主键字段的问题,主键名不叫id
问题 :取不到数据行的主键
要绑定的数据字段 RoleId rolename adddate RoleId 为主键是唯一的
bootstraptable的配置
-
uniqueId: "RoleId", //每一行的唯一标识,一般为主键列
-
columns: [
{
field: 'RoleId',
checkbox: true,align: 'center',
valign: 'middle'},{
width: "100px",
field: 'operate',
title: '操作',
events: operateEvents,
formatter: function(value, row, index) {
return '修改 ' + '删除 ';}
} -
window.operateEvents =
{'click .remove': function (e, value, row, index) {
alert('You click like action, row: ' + parseInt(row.RoleId));
}
};
配置说明
1 operate是冗余的属性,如果设置为roleid会导致页面的table变形
问题现象
当点击删除按钮的时候,row.RoleId的值取不到。 虽然RoleId是唯一的,也确实有值。
解决
- uniqueId: "Id", //设置为Id比较可靠,别的名字容易出问题
- idField: "RoleId", 可以通过种方式设置主键
function responseHandler(res) {
var resultStr = $.parseJSON(res);
if (resultStr.TotalItems >0) {
$("#tr_NoRS").parent().remove();
}
$.each(resultStr.Items, function (i, row) {
row.operate = "";
row.Id = row.RoleId;
});
return {
"rows": resultStr.Items,
"total": resultStr.TotalItems
};
}
- 通过这种方式对返回的数据(要绑定到table的数据)进行处理,添加不存在的Id属性和operate属性
最后测试下效果
window.operateEvents = {
'click .remove': function (e, value, row, index) {
alert('You click like action, row: ' + parseInt(row.Id));
}
};
正确弹出了RoleId 的值。 曲线救国啊。
作者:过错
出处:http://www.cnblogs.com/wang2650/
关于作者:net开发做的久而已。十余年时光虚度!
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接。如有问题,可以邮件:wang2650@163.com
联系我,非常感谢。

浙公网安备 33010602011771号