使用JQuery添加第二個工具欄到JQGrid

Question

有沒有什麼辦法從JQueryUI中添加第二個工具欄到現有的JQGrid。

Answer 1

您可以使用jqGrid的toolbar: [true, "bottom"]選項在網格底部添加其他工具欄。網格的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：（「！點擊我」我把光標移到按鈕顯示工具提示）