jQuery flexigrid按鈕圖標不顯示

Question

我正在使用jQuery flexigrid插件（非常好）。我已經得到了大部分工作正常，但出於某種原因，按鈕上的圖標沒有顯示出來。 flexigrid下載似乎沒有用於添加，編輯和刪除的圖像。我創建了自己的，但他們也沒有顯示（嘗試不同的類型和名稱）。

任何人都可以告訴我如何讓圖標顯示上方按鈕欄？

這裏是我的jQuery的一部分：這似乎是按鈕

$(".flex1").flexigrid({ 
    url: '/purchase-order-web/GetVendorsGridServlet', 
    dataType: 'json', 
    ... 
    buttons : [ 
     {name: 'Add', bclass: 'add_small', onpress : takeAction}, 
     {name: 'Edit', bclass: 'edit', onpress : takeAction}, 
     {name: 'Delete', bclass: 'delete', onpress : takeAction}, 
     {separator: true} 
     ], 
    ... 

我看到flexigrid.css一些圖形文件的引用，但沒有 - 如：

.flexigrid .pNext { 
background: url(images/next.gif) no-repeat center; 
} 

所以，任何人都可以啓發我如何讓按鈕圖標顯示？謝謝！

Answer 1

想通了 - 像下面這樣添加CSS類flexigrid.css在你的頁面的flexigrid「按鈕」部分中的每個按鈕：

.flexigrid .edit { 
    background: url(images/pencil.png) no-repeat left; 
}