快捷導(dǎo)航

jquery easyui dataGrid動態(tài)改變排序字段名的方法

更新時間：2017年03月02日 13:59:04 作者：風(fēng)華賤

jQuery easyui dataGrid 動態(tài)改變排序字段名，一般情況下，在使用的時候，我們會點擊相應(yīng)字段進(jìn)行排序。今天小編以java為例給大家講解問題原因及解決方案，需要的的朋友參考下

jQuery easyui dataGrid 動態(tài)改變排序字段名，一般情況下，在使用的時候，我們會點擊相應(yīng)字段進(jìn)行排序，這里以JAVA為例，后端的實體類字段有可能和數(shù)據(jù)庫的字段不一致；

如：實體類中的屬性為userName,前臺filed="userName"而數(shù)據(jù)庫的字段為user_name，這個時候如果把userName設(shè)置為排序列，然后去進(jìn)行點擊，就會拋出異常,因為dataGrid在排序的時候會以filed="userName"中的字段名為排序字段；

問題：

怎么把userName和數(shù)據(jù)庫中的user_name進(jìn)行做映射

解決方案：

1：在后臺服務(wù)器端對前臺傳入的排序字段進(jìn)行判斷，并且手工進(jìn)行映射為數(shù)據(jù)庫中的字段名；

優(yōu)點：安全、數(shù)據(jù)庫字段不會暴露在前臺HTML頁面中；

缺點：后臺代碼中會出現(xiàn)很多的字段映射判斷；

2：在前臺點擊排序字段列的時候做判斷，通過JS腳本在前臺頁面判斷進(jìn)行映射為數(shù)據(jù)庫中的字段名；

優(yōu)點：方便，不需要修改服務(wù)器端代碼

缺點：不安全，數(shù)據(jù)庫真實字段名會暴露在HTML頁面中；

注意：如果對安全性要求比較高建議選擇第一種；

這里采用第二種方式，實現(xiàn)如下：

 /** 
 *在點擊排序字段時，改變傳入后臺的字段 
 *param對應(yīng)onBeforeLoad事件的參數(shù) 
 *map自定義的字段映射Map 
 */ 
onSortColumn=function(param,map){ 
  //取出map中字段的映射關(guān)系值 
  var fieldSort=map[param.sort]; 
  if(fieldSort!='' && fieldSort!=undefined){ 
    //設(shè)置新的排序字段名，設(shè)置完之后，發(fā)送請求時一并會發(fā)送到服務(wù)端 
    param.sort=fieldSort; 
  } 
}

使用方法：

  //創(chuàng)建Map 
var map = new Map(); 
//為map添加值；key:對應(yīng)filed="userName"中的字段名；value:對應(yīng)數(shù)據(jù)庫的字段 
map['userName']='user_name'; 
 
$('#datagrid').datagrid({ 
  onBeforeLoad:function(param){ 
    onSortColumn(param,map); 
  } 
});

以上所述是小編給大家介紹的jquery easyui dataGrid動態(tài)改變排序字段名的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: