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で利用可能になります。

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

・ホープ、このことができます：ユーザーがセーブ時に

はその後、showDialog機能では、私はその後も、グリッドの影響を受けた行を更新しますjsGridのupdateメソッドをトリガするために、以下を使用します。