快捷導(dǎo)航

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

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

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

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

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

問(wèn)題：

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

解決方案：

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

優(yōu)點(diǎn)：安全、數(shù)據(jù)庫(kù)字段不會(huì)暴露在前臺(tái)HTML頁(yè)面中；

缺點(diǎn)：后臺(tái)代碼中會(huì)出現(xiàn)很多的字段映射判斷；

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

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

缺點(diǎn)：不安全，數(shù)據(jù)庫(kù)真實(shí)字段名會(huì)暴露在HTML頁(yè)面中；

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

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

 /** 
 *在點(diǎn)擊排序字段時(shí)，改變傳入后臺(tái)的字段 
 *param對(duì)應(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ā)送請(qǐng)求時(shí)一并會(huì)發(fā)送到服務(wù)端 
    param.sort=fieldSort; 
  } 
}

使用方法：

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

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

您可能感興趣的文章: