当前位置:Gxlcms > JavaScript > jtable列中自定义button示例代码

jtable列中自定义button示例代码

时间:2021-07-01 10:21:17 帮助过:8人阅读

代码如下:

Information: {
title: 'Info',
width: '5%',
sorting: false,
edit: true,
create: true,
type:'textarea',
display: function (customerData) {
var $img = $('<img src="content/images/document_properties.png" title="View and edit information" />');
$img.click(function () {
$('#CustomersTableContainer').jtable('openChildTable',
$img.closest('tr'),
{
title: customerData.record.Name + ' - Information',
actions: {
listAction: 'ajax/customer_info_actions.php?action=list&searchterm=' + customerData.record.CustomerNumber,
},
fields: {
CustomerNumber: {
title: 'Number',
key: true,
create: false,
edit: false,
list: false
},
Information: {
title:'information',
create: false,
edit: true,
list: true,
type:'textarea'
},

}
}, function (data) { //opened handler
data.childTable.jtable('load');
});
});
return $img;
}
},
'''''

人气教程排行