如何重命名jsGrid按鈕類

我想重命名jsGrid原型設置以下按鈕CSS類：如何重命名jsGrid按鈕類

modeOnButtonClass， searchModeButtonClass， insertModeButtonClass， editButtonClass， deleteButtonClass， searchButtonClass， clearFilterButtonClass， insertButtonClass， updateButtonClass， cancelEditButtonClass

我而不是在主jsgrid.js文件中執行它我想在我的應用程序的js文件中執行它。

jsGrid的開發者建議我網格初始化之前重新定義了jsGrid原型值：

jsGrid.Grid.prototype.headerRowClass = "my-custom-class";

我的網格內的功能創建（如下圖所示），我不確定在哪裏插入重命名代碼，而且，它是否會受到不同的寫入比開發商如何？：建議

function populateUsersGrid() { 
     var grid = $("#users_grid").jsGrid({ 
      height: "auto", 
      width: "100%", 
      autoload: true, 
      sorting: true, 
      editing: true, 
      selecting: false, 
      noDataContent: "", 
      deleteConfirm: function (item) { 
       return "The User, \"" + item.first_name + ' ' + item.last_name + "\" , will be removed from the Users table. Are you sure?"; 
      }, 
      controller: { 
       loadData: function() { 
        var d = $.Deferred(); 
        $.post("assets/php/get_users.php", {}, function (data) { 
         d.resolve(data); 
        }); 
        return d.promise(); 
       } 
       , 
       updateItem: function(item) { 
        return $.ajax({ 
         type: "POST", 
         url: "assets/php/update_user.php", 
         data: { 
          'user_id': item.id, 
          'role_id': item.role_id 
         }, 
         success: function (data) { 
          $("#users_grid").jsGrid("render"); 
         } 
        }); 
       }, 
       deleteItem: function(item) { 
        return $.ajax({ 
         type: "POST", 
         url: "assets/php/delete_user.php", 
         data: { 
          'user_id': item.id 
         }, 
         success: function (data) { 
          $("#users_grid").jsGrid("render"); 
         } 
        }); 
       } 
      }, 
      fields: [ 
       { 
        title: "Last Name", 
        name: "last_name", 
        editing: false, 
        type: "text", 
        align: "left", 
        width: "20%" 
       }, 
       { 
        title: "First Name", 
        name: "first_name", 
        editing: false, 
        type: "text", 
        align: "left", 
        width: "20%" 
       }, 
       { 
        title: "Email Address", 
        name: "email", 
        editing: false, 
        type: "text", 
        align: "left", 
        width: "30%" 
       }, 
       { 
        title: "Role", 
        name: "role_name", 
        type: "text", 
        align: "left", 
        width: "20%" 
       }, 
       { 
        type: "control" 
       } 
      ] 
     }); 
    }

一個進一步的皺紋是，當我在我上面列出的原型值不會出現在控制檯檢查「原型」。

任何幫助將不勝感激。

來源

2017-07-31 Craig Thomas

因爲我重命名ControlField原型代碼需要：

jsGrid.ControlField.prototype.editButtonClass = "my-button-class";

我把這些代碼在$(function() {}代碼塊裏面我主要JS文件的頂部。

CSS類已成功重命名。

來源

2017-08-02 12:56:43

如何重命名jsGrid按鈕類

回答

相關問題