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


Posted in Javascript onMarch 02, 2017

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动态改变排序字段名的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Javascript 各浏览器的 Javascript 效率对比
Jan 23 Javascript
js解析与序列化json数据(一)json.stringify()的基本用法
Feb 01 Javascript
jquery使用slideDown实现模块缓慢拉出效果的方法
Mar 27 Javascript
Uploadify上传文件方法
Mar 16 Javascript
JavaScript仿flash遮罩动画效果
Jun 15 Javascript
动态加载css方法实现和深入解析
Jan 18 Javascript
bootstrap模态框远程示例代码分享
May 22 Javascript
浏览器调试动态js脚本的方法(图解)
Jan 19 Javascript
如何将HTML字符转换为DOM节点并动态添加到文档中详解
Aug 19 Javascript
JS实现普通轮播图特效
Jan 01 Javascript
vue实现放大镜效果
Sep 17 Javascript
vue @ ~ 相对路径 路径别名设置方式
Jun 05 Vue.js
JavaScript正则替换HTML标签功能示例
Mar 02 #Javascript
如何正确理解javascript的模块化
Mar 02 #Javascript
jquery实现左右滑动式轮播图
Mar 02 #Javascript
如何写好你的JavaScript【推荐】
Mar 02 #Javascript
js前端日历控件(悬浮、拖拽、自由变形)
Mar 02 #Javascript
JS操作input标签属性checkbox全选的实现代码
Mar 02 #Javascript
JavaScript正则获取地址栏中参数的方法
Mar 02 #Javascript
You might like
千呼万唤始出来,DOTA2勇士令状不朽宝藏Ⅱ现已推出
2020/08/25 DOTA
php 网上商城促销设计实例代码
2012/02/17 PHP
php 检查电子邮件函数(自写)
2014/01/16 PHP
php事务处理实例详解
2014/07/11 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
表单项的name命名为submit、reset引起的问题
2007/12/22 Javascript
javascript cookies操作集合
2010/04/12 Javascript
jquery 查找select ,并触发事件的实现代码
2011/03/30 Javascript
文本框中禁止非数字字符输入比如手机号码、邮编
2013/08/19 Javascript
Javascript 浮点运算的问题分析与解决方法
2013/08/27 Javascript
jquery使用animate方法实现控制元素移动
2015/03/27 Javascript
浅谈javascript语法和定时函数
2015/05/03 Javascript
Jquery为DIV添加click事件的简单实例
2016/06/02 Javascript
JS Array创建及concat()split()slice()的使用方法
2016/06/03 Javascript
js实现上传图片预览方法
2016/10/25 Javascript
BootStrap Fileinput的使用教程
2016/12/30 Javascript
基于jQuery实现火焰灯效果导航菜单
2017/01/04 Javascript
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
2017/03/15 Javascript
Three.js加载外部模型的教程详解
2017/11/10 Javascript
基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果
2018/01/09 Javascript
如何用Node写页面爬虫的工具集
2018/10/26 Javascript
JavaScript中使用Spread运算符的八种方法总结
2020/06/18 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
2020/12/24 Javascript
Python中的hypot()方法使用简介
2015/05/18 Python
Python ldap实现登录实例代码
2016/09/30 Python
Python 常用的安装Module方式汇总
2017/05/06 Python
你眼中的Python大牛 应该都有这份书单
2017/10/31 Python
Python TKinter如何自动关闭主窗口
2020/02/26 Python
python代码如何注释
2020/06/01 Python
自定义html标记替换html5新增元素
2008/10/17 HTML / CSS
input元素的url类型和email类型简介
2012/07/11 HTML / CSS
结构工程个人自荐信范文
2013/11/30 职场文书
党员创先争优活动总结
2014/05/04 职场文书
我的中国梦演讲稿600字
2014/08/19 职场文书
司法局群众路线教育实践活动整改措施思想汇报
2014/10/13 职场文书
2014年党的群众路线活动个人整改措施
2014/10/28 职场文书