2014-02-16 30 views
1

我的jgGrid顯示正確,但導航器按鈕上的圖標未顯示。當您將鼠標懸停在按鈕上時,按鈕和工具提示有一個輪廓,但沒有按鈕上的圖標,如「+」或垃圾箱。jgGrid導航器不顯示圖標

此外,有沒有辦法隱藏某些按鈕而不是其他人,如刪除添加記錄按鈕,但離開刪除記錄按鈕。

我遵循了有關樣式表和語言文件的說明。 下面是創建網格代碼:

// create the grid 
     $(gridName).jqGrid({ 
      // server url and other ajax stuff 
      url: '/Admin/Blogs', 
      datatype: 'json', 
      mtype: 'GET', 

      height: 'auto', 
      shrinkToFit: false, 

      // columns 
      colNames: colNames, 
      colModel: columns, 

      // pagination options 
      toppager: false, 
      pager: pagerName, 
      rowNum: 10, 
      rowList: [10, 20, 30], 

      // row number column 
      rownumbers: true, 
      rownumWidth: 40, 

      // default sorting 
      sortname: 'PostedOn', 
      sortorder: 'desc', 

      // display the no. of records message 
      viewrecords: true, 

      jsonReader: { repeatitems: false } 
      }); 
      $(gridName).navGrid(pagerName, 
         { 
         // settings 
         cloneToTop: true, 
         search: false 
         }, 
         {}, // add options 
         {}, // edit options 
         {} // delete options 
      ); 

回答

0

確保您的頁面得到了jQuery的ui.js和jquery.ui.theme.css帶圖標圖像在你的CSS /圖像福爾傑。

關於隱藏一些按鈕:

$(gridName).navGrid(pagerName, 
{edit:false,search:false,del:true,add:true,view:false,refresh:false,cloneToTop: true}, 
// navigator options (where true = show/false = hide) 
         {}, // add options 
         {}, // edit options 
         {} // delete options 
      ); 

如果你添加自定義按鈕,只是給他們的ID和隱藏:

$('#buttonId').hide(); 
0

通過與主題圖像添加jquery.ui.theme.css文件夾一切正常。