Welcome 微信登录

首页 / 脚本样式 / JavaScript / 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;
}
},
"""""