jquery easyui dataGrid动态改变排序字段名的方法

 更新时间:2017年03月02日 13:59:04   作者:风华贱  
jQuery easyui dataGrid 动态改变排序字段名,一般情况下,在使用的时候,我们会点击相应字段进行排序。今天小编以java为例给大家讲解问题原因及解决方案,需要的的朋友参考下

jQuery easyui dataGrid 动态改变排序字段名,一般情况下,在使用的时候,我们会点击相应字段进行排序,这里以JAVA为例,后端的实体类字段有可能和数据库的字段不一致;

如:实体类中的属性为userName,前台filed="userName"而数据库的字段为user_name,这个时候如果把userName设置为排序列,然后去进行点击,就会抛出异常,因为dataGrid在排序的时候会以filed="userName"中的字段名为排序字段;

问题:

怎么把userName和数据库中的user_name进行做映射

解决方案:

1:在后台服务器端对前台传入的排序字段进行判断,并且手工进行映射为数据库中的字段名;

             优点:安全、数据库字段不会暴露在前台HTML页面中;

             缺点:后台代码中会出现很多的字段映射判断;

2:在前台点击排序字段列的时候做判断,通过JS脚本在前台页面判断进行映射为数据库中的字段名;

             优点:方便,不需要修改服务器端代码

             缺点:不安全,数据库真实字段名会暴露在HTML页面中;            

  注意:如果对安全性要求比较高建议选择第一种;

这里采用第二种方式,实现如下:

 /** 
 *在点击排序字段时,改变传入后台的字段 
 *param对应onBeforeLoad事件的参数 
 *map自定义的字段映射Map 
 */ 
onSortColumn=function(param,map){ 
  //取出map中字段的映射关系值 
  var fieldSort=map[param.sort]; 
  if(fieldSort!='' && fieldSort!=undefined){ 
    //设置新的排序字段名,设置完之后,发送请求时一并会发送到服务端 
    param.sort=fieldSort; 
  } 
} 

使用方法:

  //创建Map 
var map = new Map(); 
//为map添加值;key:对应filed="userName"中的字段名;value:对应数据库的字段 
map['userName']='user_name'; 
 
$('#datagrid').datagrid({ 
  onBeforeLoad:function(param){ 
    onSortColumn(param,map); 
  } 
});

以上所述是小编给大家介绍的jquery easyui dataGrid动态改变排序字段名的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 基于jquery完美拖拽,可返回拖动轨迹

    基于jquery完美拖拽,可返回拖动轨迹

    基于jquery完美拖拽,可返回拖动轨迹 用JQ实现,话不多说,直接上码
    2012-03-03
  • jQuery.form.js的使用详解

    jQuery.form.js的使用详解

    本文使用jquery.form.js解决提交之后,页面发生跳转,在一个空白页面上显示了后端返回的json数据问题,需要的朋友参考下
    2017-06-06
  • jQuery中die()方法用法实例

    jQuery中die()方法用法实例

    这篇文章主要介绍了jQuery中die()方法用法,实例分析了die()方法的功能、定义及移除所有通过live()方法向指定元素添加的一个或多个事件处理程序的使用技巧,需要的朋友可以参考下
    2015-01-01
  • JQuery的read函数与js的onload不同方式实现

    JQuery的read函数与js的onload不同方式实现

    JQuery的read函数与js的onload,想必大家对这两个方法都有所熟悉吧,接下来介绍一个实例用以上两种方法各自实现,感兴趣的你可不要错过了哈,希望可以帮助到你
    2013-03-03
  • 基于JQuery的密码强度验证代码

    基于JQuery的密码强度验证代码

    密码强度验证的方式有很多,今天给大家推荐一个通过JQuery实现的密码强度验证控件,只需要很少的代码便能实现。
    2010-03-03
  • jQuery事件处理的特征(事件命名机制)

    jQuery事件处理的特征(事件命名机制)

    这篇文章主要给大家介绍jquery事件处理的一些特征,jquery事件命名机制的相关知识,介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起看下吧
    2016-08-08
  • jQuery实现分章节锚点“回到顶部”动画特效代码

    jQuery实现分章节锚点“回到顶部”动画特效代码

    这篇文章主要介绍了jQuery实现分章节锚点“回到顶部”动画特效代码,涉及jQuery响应鼠标事件结合scroll实现页面滚动的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • jQuery判断邮箱格式对错实例代码讲解

    jQuery判断邮箱格式对错实例代码讲解

    本文通过实例代码给大家讲解了基于jquery判断邮箱格式对错,非常实用,具有参考借鉴价值,需要的的朋友参考下吧
    2017-04-04
  • jquery实现九宫格大转盘抽奖

    jquery实现九宫格大转盘抽奖

    jQuery九宫格大转盘抽奖代码网页特效,点击抽奖按钮开始随机抽奖选择奖品,可设置起点位置、奖品数量、转动次数、中奖位置参数
    2015-11-11
  • 基于jQuery的Web上传插件Uploadify使用示例

    基于jQuery的Web上传插件Uploadify使用示例

    Uploadify是一款比较有人气的页面上传插件,Uploadify使用简单而且可定制性较高,接下来我们就一起来看下这款基于jQuery的Web上传插件Uploadify使用示例
    2016-05-05

最新评论