2013-03-24 8 views
6

jqueryのjtableを実装しました。私は行のクリックでいくつかの操作を実行したいと同時に別の画像を入れたいとまた、その画像に自分のクリックイベントを追加したい。jquery jtableカスタムクリックイベント

また、その行のIDをそのカスタムイベントに渡したいとします。

どうすればjqueryテーブルに追加できますか?

私はいくつかのものを試しました。

LoadGrid = (function() { 
      //Prepare jtable plugin 
      $('#GridTableContainer').jtable({ 
       title: 'Assets', 
       paging: true, 
       pageSize: 10, 
       sorting: true, 
       defaultSorting: 'ModelName ASC', 
       actions: { 
        listAction: '/Adminsec/ManageAssets.aspx/List', 
        createAction: '/Adminsec/ManageAssets.aspx/CreateOrUpdate', 
        updateAction: '/Adminsec/ManageAssets.aspx/CreateOrUpdate', 
        deleteAction: '/Adminsec/ManageAssets.aspx/Deletes' 
       }, 
       updateRecord: (function() { alert("my custom action."); 
       }), 
....... 
+0

はい、わかります。私は自分のjavascriptコードを追加しようとしました。アクション:{ listAction:my javascript code。しかし、それは私のために働くものではありません。 –

+0

私は自分のupdateActionを持っています。そこにコードを追加したいと思っています。 –

+0

[docs](http://www.jtable.org/ApiReference#met-updateRecord)によると、 'updateRecord'はメソッドであり、オプションではありません。 – Owlvark

答えて

9

最後に、完了。

CustomAction: { 
         title: '', 
         width: '1%', 
         sorting: false, 
         create: false, 
         edit: false, 
         list: true, 
         display: function (data) { 
          if (data.record) { 
           return '<button title="Edit Record" class="jtable-command-button jtable-edit-command-button" onclick="alert(' + data.record.TicketId + '); return false;"><span>Edit Record</span></button>'; 
          } 
         } 
        } 

ありがとうございます。

+0

これをjtableのdefenitionに追加した場所はありますか? – mrakodol

+0

Jsonプロパティ自体で。 jtableのドキュメントを参照することができます。 –

+0

ヒントありがとうございますが、Jtableの合計コードをお送りください – Ali

関連する問題