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动画对象支持加速、减速、缓入、缓出的实现代码
Sep 30 Javascript
javascript定时变换图片实例代码
Mar 17 Javascript
js字符串转成JSON
Nov 07 Javascript
js与运算符和或运算符的妙用
Feb 14 Javascript
Express作者TJ告别Node.js奔向Go
Jul 14 Javascript
直接在JS里创建JSON数据然后遍历使用
Jul 25 Javascript
ExtJs动态生成treepanel的Json格式
Jul 19 Javascript
jQuery+Ajax实现无刷新操作
Jan 04 Javascript
JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法
Jan 03 Javascript
angular.js 路由及页面传参示例
Feb 24 Javascript
基于JavaScript实现评论框展开和隐藏功能
Aug 25 Javascript
mac上配置Android环境变量的方法
Jul 08 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的5个入手程序
2006/11/23 PHP
五款常用mysql slow log分析工具的比较分析
2011/05/22 PHP
PHP中如何使用Redis接管文件存储Session详解
2018/11/28 PHP
PHP join()函数用法与实例讲解
2019/03/11 PHP
Use Word to Search for Files
2007/06/15 Javascript
用js读、写、删除Cookie代码续篇
2014/12/03 Javascript
jQuery的Scrollify插件实现滑动到页面下一节点
2015/07/05 Javascript
JavaScript模版引擎的基本实现方法浅析
2016/02/15 Javascript
设计模式中的组合模式在JavaScript程序构建中的使用
2016/05/18 Javascript
js实现时间轴自动排列效果
2017/03/09 Javascript
原生JS实现左右箭头选择日期实例代码
2017/03/14 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
2017/05/08 Javascript
node+koa实现数据mock接口的方法
2017/09/20 Javascript
微信小程序 swiper组件构建轮播图的实例
2017/09/20 Javascript
vue2.0 常用的 UI 库实例讲解
2017/12/12 Javascript
jQuery实现每隔一段时间自动更换样式的方法分析
2018/05/03 jQuery
Bootstrap 实现表格样式、表单布局的实例代码
2018/12/09 Javascript
[原创]使用豆瓣提供的国内pypi源
2017/07/02 Python
Python实现扩展内置类型的方法分析
2017/10/16 Python
对python requests的content和text方法的区别详解
2018/10/11 Python
基于Python实现迪杰斯特拉和弗洛伊德算法
2020/05/27 Python
对python实现模板生成脚本的方法详解
2019/01/30 Python
对python生成业务报表的实例详解
2019/02/03 Python
python实现整数的二进制循环移位
2019/03/08 Python
Python confluent kafka客户端配置kerberos认证流程详解
2020/10/12 Python
详解CSS的border边框属性及其在CSS3中的新特性
2016/05/10 HTML / CSS
目前不被任何主流浏览器支持的CSS3属性汇总
2014/07/21 HTML / CSS
ABOUT YOU罗马尼亚:超过600个时尚品牌
2019/09/19 全球购物
英国排名第一的宠物店:PetPlanet
2020/02/02 全球购物
土木工程毕业生自荐信
2013/09/21 职场文书
《回乡偶书》教学反思
2014/04/12 职场文书
拓展策划方案
2014/06/03 职场文书
先进班集体申报材料
2014/12/26 职场文书
家长学校教学计划
2015/01/19 职场文书
python的变量和简单数字类型详解
2021/09/15 Python
win11无法登录onedrive错误代码0x8004def7怎么办 ?
2022/04/05 数码科技