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中JSON的解析方式

    jquery中JSON的解析方式

    用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明
    2015-03-03
  • easyUI 实现的后台分页与前台显示功能示例

    easyUI 实现的后台分页与前台显示功能示例

    这篇文章主要介绍了easyUI 实现的后台分页与前台显示功能,结合实例形式分析了easyUI 后台数据交互、分页与前台显示相关操作技巧及注意事项,需要的朋友可以参考下
    2020-06-06
  • JQuery读取XML文件数据并显示的实现代码

    JQuery读取XML文件数据并显示的实现代码

    今天向大家演示如何通过JQuery框架为空白HTML文档加载从XML文件读取的数据并显示出来。我们将会主要用到JQuery自带过程$.get 。
    2009-12-12
  • jQuery实现分页功能(含ajax请求、后台数据、附完整demo)

    jQuery实现分页功能(含ajax请求、后台数据、附完整demo)

    这篇文章主要给大家介绍了关于jQuery实现分页功能的相关资料,主要包含ajax请求和后台数据,文末给出了完整的demo示例,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
    2017-04-04
  • jquery实现的网页自动播放声音

    jquery实现的网页自动播放声音

    这篇文章主要介绍了使用jquery如何实现的网页自动播放声音,需要的朋友可以参考下
    2014-04-04
  • jQuery实现图片轮播特效代码分享

    jQuery实现图片轮播特效代码分享

    这篇文章主要介绍了jQuery实现图片轮播特效,图片轮播效果特别适合做产品展示,感兴趣的小伙伴可以参考下。
    2015-09-09
  • 20款超赞的jQuery插件 Web开发人员必备

    20款超赞的jQuery插件 Web开发人员必备

    jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性,有效地改善用户体验,还可以大大减少开发时间。现在的jQuery插件很多,可以根据您的项目需要来选择。这里为您介绍20款非常不错的插件。
    2011-02-02
  • jQuery实现简单的轮播图

    jQuery实现简单的轮播图

    这篇文章主要为大家详细介绍了jQuery实现轮播图效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • Jquery 数组操作大全个人总结

    Jquery 数组操作大全个人总结

    jQuery的数组处理,便捷,功能齐全. 最近的项目中用到的比较多,最近时间紧迫,今天抽了些时间回过头来看 jQuery中文文档顺便对jQuery数组做个总结
    2013-11-11
  • jQuery中:button选择器用法实例

    jQuery中:button选择器用法实例

    这篇文章主要介绍了jQuery中:button选择器用法,实例分析了:button选择器的功能、定义及选取按钮的使用技巧,需要的朋友可以参考下
    2015-01-01

最新评论