Javascript 在Jquery-jTable创建/更新模式的字段末尾添加自定义按钮,如提交按钮
在jquery-jTable中,我们可以有一些字段和操作。我需要另一个按钮[可能在页面末尾]靠近Jquery JTable按钮(“提交”按钮),点击后,运行另一个功能。所以 这是我的代码:Javascript 在Jquery-jTable创建/更新模式的字段末尾添加自定义按钮,如提交按钮,javascript,jquery,jquery-jtable,Javascript,Jquery,Jquery Jtable,在jquery-jTable中,我们可以有一些字段和操作。我需要另一个按钮[可能在页面末尾]靠近Jquery JTable按钮(“提交”按钮),点击后,运行另一个功能。所以 这是我的代码: $('#RequestSubmitDiv').jtable({ title: 'newRec', paging: false, sorting: false, selecting:false;
$('#RequestSubmitDiv').jtable({
title: 'newRec',
paging: false,
sorting: false,
selecting:false;
selectingCheckBoxes:false,
selectOnRowClick:false,
jqueryuitheme:true,
formCreated:function(event,data){
data.form.validationEngine();
},
formSubmitting:function(event,data){
...
...
},
formClode: function(d,e){...} ,
actions: {
createAction: '/Adminsec/ManageAssets.aspx/CreateOrUpdate',
//---not need below
//listAction: '/Adminsec/ManageAssets.aspx/List',
//updateAction: '/Adminsec/ManageAssets.aspx/CreateOrUpdate',
//deleteAction: '/Adminsec/ManageAssets.aspx/Deletes'
//-!!---Other Button and Action Need ---!!
CustomAction:{
title:'RefreshNew',
sorting:false,
create:false,
edit:false ,
list:false ,
display:function(data){
return '<input type='button' id='MyBtn' onclick='Call_Mehod();>';
}
}
},
fields: {
ID {title:'pk',type:'textarea'} ,
RequestNO{type:'textarea'},
description{type:'textarea'}
}
});
$('RequestSubmitDiv').jtable({
标题:“newRec”,
分页:false,
排序:假,
选择:假;
选择复选框:false,
选择行单击:false,
真的,
formCreated:函数(事件、数据){
data.form.validationEngine();
},
表单提交:功能(事件、数据){
...
...
},
formClode:函数(d,e){…},
行动:{
createAction:“/Adminsec/ManageAssets.aspx/CreateOrUpdate”,
//---下面不需要
//listAction:“/Adminsec/ManageAssets.aspx/List”,
//更新操作:'/Adminsec/ManageAssets.aspx/CreateOrUpdate',
//deleteAction:“/Adminsec/ManageAssets.aspx/Deletes”
//-!!---其他按钮和操作需要---!!
海关行动:{
标题:'RefreshNew',
排序:假,
创建:false,
编辑:false,
列表:false,
显示:功能(数据){
return“可能我误解了,但是如果您想在每行上添加一个按钮,可以使用该字段。我创建了一个虚拟字段并添加了display属性。如下所示:
。。。
其他:{
标题:‘其他’,
显示:功能(数据){
返回“测试”;
},
创建:false,
编辑:false
}
...
但是,如果您想添加一个常规功能(即表格的单个按钮),您可以查看。我做了如下操作。标签
和class=“jtable command button”
始终是必需的。下一步是图标类,最后是事件类
actions: {
title: 'Actions',
width: '1%',
sorting: false,
create: false,
edit: false,
list: true,
display: function (data) {
if (data.record) {
// This if you want a custom edit action.
return '<button title="Edit" class="jtable-command-button jtable-edit-command-button" onclick="alert(' + data.record.id + '); return false;"><span>Edit</span></button>';
}
}
}
操作:{
标题:“行动”,
宽度:“1%”,
排序:假,
创建:false,
编辑:false,
列表:正确,
显示:功能(数据){
if(数据记录){
//如果您想要自定义编辑操作,请执行此操作。
返回“编辑”;
}
}
}