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 相关文章推荐
js实现简单模态窗口,背景灰显
Nov 14 Javascript
javascript:void(0)使用探讨
Aug 27 Javascript
js 判断图片是否加载完以及实现图片的预下载
Aug 14 Javascript
JQuery中clone方法复制节点
May 18 Javascript
Sea.JS知识总结
May 05 Javascript
实用又漂亮的BootstrapValidator表单验证插件
May 30 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
Dec 02 Javascript
jQuery接受后台传递的List的实例详解
Aug 02 jQuery
JS实现页面内跳转的简单代码
Sep 03 Javascript
vue2.0 根据状态值进行样式的改变展示方法
Mar 13 Javascript
angular4 共享服务在多个组件中数据通信的示例
Mar 30 Javascript
教你如何用node连接redis的示例代码
Jul 12 Javascript
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
PHP封装返回Ajax字符串和JSON数组的方法
2017/02/17 PHP
Ajax+PHP实现的分类列表框功能示例
2019/02/11 PHP
javascript椭圆旋转相册实现代码
2012/01/16 Javascript
jquery使用hide方法隐藏指定id的元素
2015/03/30 Javascript
使用javascript实现判断当前浏览器
2015/04/14 Javascript
Javascript中判断对象是否为空
2015/06/10 Javascript
jQuery实现简单的点赞效果
2020/05/29 Javascript
JS判断字符串变量是否含有某个字串的实现方法
2016/06/03 Javascript
JS中对数组元素进行增删改移的方法总结
2016/12/15 Javascript
Bootstrap实现各种进度条样式详解
2017/04/13 Javascript
React Native预设占位placeholder的使用
2017/09/28 Javascript
利用jQuery+localStorage实现一个简易的计时器示例代码
2017/12/25 jQuery
收集前端面试题之url、href、src
2018/03/22 Javascript
使用Vue组件实现一个简单弹窗效果
2018/04/23 Javascript
vue点击input弹出带搜索键盘并监听该元素的方法
2018/08/25 Javascript
详解iview的checkbox多选框全选时校验问题
2019/06/10 Javascript
微信小程序中限制激励式视频广告位显示次数(实现思路)
2019/12/06 Javascript
react国际化化插件react-i18n-auto使用详解
2020/03/31 Javascript
利用Vue的v-for和v-bind实现列表颜色切换
2020/07/17 Javascript
Python使用迭代器打印螺旋矩阵的思路及代码示例
2016/07/02 Python
Python脚本处理空格的方法
2016/08/08 Python
Python中max函数用于二维列表的实例
2018/04/03 Python
Python闭包执行时值的传递方式实例分析
2018/06/04 Python
Python实现的爬取小说爬虫功能示例
2019/03/30 Python
python Socket网络编程实现C/S模式和P2P
2020/06/22 Python
python学习笔记之多进程
2020/08/06 Python
python3将变量输入的简单实例
2020/08/19 Python
美国复古街头服饰精品店:Need Supply Co.
2017/02/22 全球购物
澳大利亚在线生活方式商店:Mytopia
2018/07/08 全球购物
大学生自我鉴定评语
2014/01/27 职场文书
中国梦演讲稿教师篇
2014/04/23 职场文书
公民授权委托书
2014/10/15 职场文书
追悼会答谢词
2015/01/05 职场文书
公司行政管理制度范本
2015/08/05 职场文书
python中opencv实现图片文本倾斜校正
2021/06/11 Python
python单向链表实例详解
2022/05/25 Python