不说废话,大牛初始亦菜鸟,成功之路贵执行,马上行动!如果想获得更优质的显示效果,请在Chrome、Firefox等现代浏览器浏览本站。

jQuery EasyUI Datagrid 列属性函数中如何获取当前列信息

WEB前端 EricHu 1345℃ 0评论

我们在使用Datagrid列属性formatter时,有些场景下,在formatter函数内部,我们需要知道当前列的一些配置信息,比如说 title,filed 等信息,而formatter函数入参只有行索引,值,行数据,那么怎么获取 title,filed 等信息呢?

懒得说的一个问题,但是时不时会有朋友问起,问起这个问题的朋友大多都是javascript底子太薄,其实formatter函数内部的this在运行时默认就是指向当前列的配置对象,且组件内部并没有改变this指向,所以通过this就可以拿到所有信息了。20150807135533

 

$('#dg').datagrid({
 columns: [[{
 field: 'userId',
 title: 'User',
 width: 80,
 formatter: function(value, row, index) {
 console.log(this.title); //User
 console.log(this.field); //userId
 if (row.user) {
 return row.user.name;
 } else {
 return value;
 }
 }
 }]]
});

 

类似的列属性还有styler和sorter。本文简单记录这个问题,希望以后不用再费口舌。

转载请注明:RDIFramework.NET » jQuery EasyUI Datagrid 列属性函数中如何获取当前列信息

喜欢 (3)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址