jtable列中自定义button示例代码

224 阅读 0 评论 148 点赞

我是靠谱客的博主单薄黑米，这篇文章主要介绍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; 
} 
}, 
''''' 