jsgrid：添加頁面加載到編輯按鈕？

Question

我想將jsgrid編輯按鈕的內置功能從內嵌編輯器更改爲打開另一個頁面進行編輯。我不確定如何做到這一點。任何想法如何實現將默認編輯按鈕更改爲加載頁面？這甚至有可能嗎？到目前爲止，我有：

代碼：

<script> 
    $(document).ready(function() { 
     $("#jsGrid").jsGrid({ 
      height: "398px", 
      width: "100%", 
      inserting: true, 
      editing: true, 
      sorting: true, 
      paging: true, 
      autoload: true, 
      pageSize: 10, 
      pageButtonCount: 5, 
      deleteConfirm: "Do you really want to delete your job listing?", 
      controller: { 
       loadData: function(filter) { 
        return $.ajax({ 
         type: "GET", 
         url: "<?php echo site_url('/job/getjobs/'.$this->session->employer_id); ?>", 
         data: filter 
        }); 
       }, 
       insertItem: function(item) { 
        return $.ajax({ 
         type: "POST", 
         url: "/clients/", 
         data: item 
        }); 
       }, 
       updateItem: function(item) { 
        return $.ajax({ 
         type: "PUT", 
         url: "/clients/", 
         data: item 
        }); 
       }, 
       deleteItem: function(item) { 
        return $.ajax({ 
         type: "DELETE", 
         url: "/clients/", 
         data: item 
        }); 
       } 
      }, 
      fields: [ 
       { name: "title", title: "Title", type: "text", width: 100 }, 
       { name: "created_on", title: "Created On", type: "text", width: 100 }, 
       { name: "salary", title: "Salary", type: "text", width: 100 }, 
       { name: "is_active", type: "text", title: "Is Active", width: 100 }, 
       { type: "control" } 
      ] 
     }); 
    }); 

</script> 

Answer 1

我用彈出，jQuery的對話，但你可以用別的東西相當於太像一個引導對話框。

我編輯綁單擊行，我的代碼是一樣的東西：

$("#jsGrid").jsGrid({ 
    ... 
    rowClick: function(args) { 
     showDialog(args.item); 
    }, 
    ... 
); 

showDialog是啓動彈出窗口的功能。所選行在args.item中可用。

然後，在showDialog功能，當用戶保存，我用下面的觸發jsGrid的更新方法，那麼這也將刷新受影響的行中的網格：

$("#jsGrid").jsGrid("updateItem", updatedItem); 

希望這有助於。