在使用BootstrapR表格父子框时遇到一个问题，当点击子表中的自定义按钮btn-dialog时，出现TypeError，无法弹出对话窗口。错误提示指向backend.js的特定行数。问题可能源于父表与子表的交互，尝试通过$(this).closest('table')获取子表内容未成功。在操作函数中，按钮组的创建和编辑、删除按钮的条件判断可能与子表不兼容，导致按钮失效。解决方案尚未找到。
报错消息如下：
Uncaught TypeError: Cannot read property '0' of undefinedat Object.gettablecolumnbutton (backend.js?v=1560233037:124)
at HTMLAnchorElement. (backend.js?v=1560233037:145)
at HTMLDocument.dispatch (jquery.min.js?v=1560233037:3)
at HTMLDocument.r.handle (jquery.min.js?v=1560233037:3)
问题应该出在var table = this.table;这一句，只能取得父表取不到子表内容，尝试改成 $(this).closest('table')没有用，不知道怎么改了。operate: function (value, row, index) {
var table = this.table;//console.log( $(this).closest('table'));
// 操作配置
var options = table ? table.bootstrapTable('getOptions') : {};
// 默认按钮组
var buttons = $.extend([], this.buttons || []);
// 所有按钮名称
var names = [];
buttons.forEach(function (item) {
names.push(item.name);
});
if (options.extend.dragsort_url !== '' && names.indexOf('dragsort') === -1) {
buttons.push({
name: 'dragsort',
icon: 'fa fa-arrows',
title: __('Drag to sort'),
extend: 'data-toggle="tooltip"',
classname: 'btn btn-xs btn-primary btn-dragsort'
});
}
if (options.extend.edit_url !== '' && names.indexOf('edit') === -1) {
buttons.push({
name: 'edit',
icon: 'fa fa-pencil',
title: __('Edit'),
extend: 'data-toggle="tooltip"',
classname: 'btn btn-xs btn-success btn-editone',
url: options.extend.edit_url
});
}
if (options.extend.del_url !== '' && names.indexOf('del') === -1) {
buttons.push({
name: 'del',
icon: 'fa fa-trash',
title: __('Del'),
extend: 'data-toggle="tooltip"',
classname: 'btn btn-xs btn-danger btn-delone'
});
}
return Table.api.buttonlink(this, buttons, value, row, index, 'operate');
}
扫一扫
993
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
