JQueryを使用してJQGridに2番目のツールバーを追加する

Question

JQueryUIから既存のJQGridに2番目のツールバーを追加する方法はありますか？

Answer 1

グリッドの下部にツールバーを追加するには、toolbar: [true, "bottom"]のオプションjqGridを使用します。グリッドのIDは、't_'という接頭辞とグリッドIDから構成されます。任意の情報をグリッドに手動で追加できます。たとえば、次のコードは、単純なjQuery UI Buttonを追加します。

$('<div><span id="myToolbar" style="float: right;"></span></div>').appendTo("#t_" + $grid[0].id); 
$('<button>', {title: 'Click me!'}).css({ 
    float: "right", 
    height: "21px", 
    width: "20px" 
}).appendTo("#myToolbar").button({ 
      icons: { 
       primary: "ui-icon-gear" 
      }, 
      text: false 
     }).click(function (e) { 
      alert('My button was clicked'); 
     }); 

あなたはthe demoの結果を見ることができます。

（私はツールチップを表示するには、ボタンの上にカーソルを置き、「私をクリックしてください！」）