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

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

2011-12-09 Dinesh

どのような種類のツールバーですか？グリッドの上にツールバーがありますか？あなたがツールバーに置いておきたい情報：カスタムボタンかjqGridの標準ボタン？ – Oleg

ナビゲーションバーをそのままにして、2番目のツールバーにカスタムボタンを追加したいと考えました。 – Dinesh

[画像]（http://www.trirand.com/jqgridwiki/lib/exe/detail.php?id=wiki%3Ahow_it_works&media=wiki:allgridelementsnewfilters1.png）をご覧ください。第2のツールバーはどこにありますか？ – Oleg

グリッドの下部にツールバーを追加するには、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の結果を見ることができます。

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

出典

2011-12-09 12:05:44 Oleg

ありがとうございました!!!私は他の方法でやりました。しかし、このコードは私のコードよりも効率的です。 – Dinesh

@Dinesh：ようこそ！ – Oleg

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

答えて

関連する問題