如何在jqGrid中顯示自定義函數的添加和編輯圖標？

Question

我想在jqgrid中自定義添加和編輯函數。我可以使添加和編輯功能正常工作，但我無法正確顯示添加和編輯圖標。相反，出現箭頭（^）而不是加號或編輯。 我已經試過： *導入jQuery的UI中的jqGrid前後

// jqGrid的代碼

$('#jqgrid').jqGrid({ 
     ... 
      }) 
     .navButtonAdd("#pager", { 
      caption:"Add", 
     buttonicon:"ui-icon-add", 
     onClickButton: function(){ 
      $("#lui_jqgrid").show() 
      $('#addForm').show(); 
      }, 
     position:"last" 
      }) 
     .navButtonAdd('#pager',{ 
     caption:"Edit", 
     buttonicon:"ui-icon-edit", 
     onClickButton: function(){ 
      $('#addForm').show(); 
       }, 
     position:"last" 
      }); 

我有 「UI圖標-add」 和「UI圖標編輯「按鈕圖標下，但他們沒有出現。這個項目使用backbone.js，我在jqGrid之前導入jquery-ui.js。

我怎樣才能讓圖標顯示出來？相反，我可以只有標題和圖標，但刪除buttonicon仍然會顯示一個。

Answer 1

用下面的代碼更新您的代碼。你的代碼有一些錯誤。

可用的按鈕是ThemeRoller | jQuery UI，將光標放置在將顯示樣式類。在jqgrid中使用這些按鈕。

.navButtonAdd("#pager", { 
     caption:"", 
    buttonicon:"ui-icon ui-icon-newwin", 
    onClickButton: function(){ 
     $("#addForm").show(); 
     }, 
    position:"last" 
     }) 
    .navButtonAdd('#pager',{ 
    caption:"", 
    buttonicon:"ui-icon ui-icon-pencil", 
    onClickButton: function(){ 
     $('#addForm').show(); 
      }, 
    position:"last" 
     }); 

輸出上的jqGrid的navgrid：