跟我一起学extjs5(20--模块Grid的其他功能的设想,前20节源码)
跟我一起学extjs5(20--模块Grid的其他功能的设想,前20节源码)
bind : { title : '{tf_title} {selectedNames}' // 数据绑定到ModuleModel中的tf_title 和 // 选中记录的名称 },然后再在 ModuleModel.js中的data中加入属性:
selectedNames : '' //选中的记录的names显示在title上
Grid的记录选中事件在前几节中已经加了,只要修改一下事件函数就可以了,修改ModuleController.js
// 选中的记录发生变化过后的事件 selectionChange : function(model, selected, eOpts) { // 设置删除按钮的状态 this.getView().down('toolbar button#delete')[selected.length > 0 ? 'enable' : 'disable'](); var viewModel = this.getView().getViewModel(); // 下面将组织选中的记录的name显示在title上,有二种方案可供选择,一种是用下面的MVVM特性,第二种是调用refreshTitle() var selectedNames = '' if (selected.length > 0) { if (!!selected[0].getNameValue()) selectedNames = selectedNames + ' 『<em>' + selected[0].getNameValue() + '</em>' + (selected.length > 1 ? ' 等' + selected.length + '条' : '') + '』'; } viewModel.set('selectedNames', selectedNames); // 修改ModuleModel中的数据,修改好后会自动更新bind的title // this.getView().down('grid').refreshTitle(); // 这是不用MVVM特性的做法 },
简单的几句,就又加了一个新的功能。Grid的操作暂时告一段落,从下面会开始加入自定义Form、自定义图表的开发过程。有问题或建议请回复,或与我联系:[email protected]。
想下载源码的可以到我的资源里去下载,或者点击打开链接进入下载页面。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。