jtable列中自訂button範例程式碼

複製代碼 代碼如下:
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;
}
},
'''''