注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

星期五

明天不上班

 
 
 

日志

 
 
关于我

一个特立独行的Java程序员,比较宅,上上网,写博客,听音乐,看电影。

网易考拉推荐

Gridx的IndirectSelect模块  

2013-12-10 08:56:53|  分类: Javascript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
gridx/modules/IndirectSelect依赖模块gridx/modules/extendedSelect/Row(或gridx/modules/select/Row)和gridx/modules/RowHeader模块。
显示效果如下:

Gridx的IndirectSelect模块 - 星期五 - 星期五
 
关于三个模块配置:
  • IndirectSelect的all属性: 设置是否在header中加入全选功能,注意这里的row指的是extendedSelect/Row,因为它实现了selectByIndex方法
        structure: structure,
modules: [
Row,
RowHeader,
{
moduleClass: IndirectSelect,
all: false

}
]
Gridx的IndirectSelect模块 - 星期五 - 星期五
  • extendedSelect/Row(或select/Row)的multiple属性: 设置使用RadioBox还是CheckBox, 但是真正达到RadioBox的效果还得是select/Row

structure: structure,
modules: [
{

moduleClass: row,

multiple: false

},
RowHeader,
IndirectSelect
]

(图上写错了是CheckBox的效果)
Gridx的IndirectSelect模块 - 星期五 - 星期五
 
Gridx的IndirectSelect模块 - 星期五 - 星期五
  • extendedSelect/Row(或select/Row)的 triggerOnCell属性,设置为true,通过onClickCell事件就可以触发onSelected和onDeselected事件。

  • 注册 onSelected和onDeselected事件(这个是模块事件,观察模块对象的写法)

grid.connect(grid.select.row, 'onSelected', function(row){
 });
 grid.connect(grid.select.row, 'onDeselected', function(row){
 });

grid.connect(grid.select.row,'onSelectionChange' function(newSelectedIds, oldSelectedIds){

});

  • getAllSelected方法 注意模块上的方法调用方式(注意extendedSelect/Row和select/Row使用的是同样的调用方法都是grid.select.row)

new Button({
label: "Lock me",
onClick: function(){
var selected = grid.select.row.getSelected();
console.log(selected);
}
}, "buttonId");

参考资料:
http://oria.github.io/gridx/apidoc/index.html

  评论这张
 
阅读(847)| 评论(2)
推荐

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017