Добавить пользовательскую кнопку в конце полей в Jquery - режим создания/обновления jTable, такой как кнопка отправки

В 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'}
            }
        });

Как я могу добавить кнопку в Jquery-Jtable и вызвать функцию? эти кнопки не повторяются в строках или столбцах, я имею в виду, что это должен быть один экземпляр после поля поля.


javascript jquery jquery-jtable
person Harry    schedule 08.09.2013    source источник

Ответы (2)


arrow_upward
6
arrow_downward

Возможно, я неправильно понял, но если вы хотите добавить кнопку в каждую строку, вы можете использовать свойство display поля. Я создал фиктивное поле и добавил свойство отображения. Что-то вроде этого:

...
Other: {
    title: 'Other',
    display: function (data) {
       return '<b>test</b>';
    },
    create: false,
    edit: false

}
...

Однако, если вы хотите добавить общую функцию (например, одну кнопку для таблицы), вы можете взглянуть на toolbar свойство.

person Alper    schedule 11.10.2013

arrow_upward
4
arrow_downward

Я сделал следующим образом. Теги <button> и 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>';
                        }
                    }
                }
person JoseD    schedule 04.12.2014