Javascript 在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;

在jquery-jTable中,我们可以有一些字段和操作。我需要另一个按钮[可能在页面末尾]靠近Jquery JTable按钮(“提交”按钮),点击后,运行另一个功能。所以 这是我的代码:

    $('#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(数据记录){
//如果您想要自定义编辑操作,请执行此操作。
返回“编辑”;
}
}
}