`

Extjs 4.1 中grid复选框Ext.selection.CheckboxModel 加载后 默认选中

阅读更多
//3.消费者对品牌分析,商品列表
				var brandGrid = Ext.create('Ext.grid.Panel',{
						region: 'center',
						columnLines: true,
					    store: brandStore,
						multiSelect: true,
			            selModel: {
			            	selType:'checkboxmodel'
						},
						//selModel: selMod,	
					    columns: [
							Ext.create('Ext.grid.RowNumberer', {
								text: '序号',
								width : 30
							}),
					        { header: '品牌', dataIndex: 'brandName', flex: 1 }
					    ],
						listeners:{
						    added:function( Component ,container, pos, eOpts ){
								
						    }
						}
					}
				);
				
	
				
				
				function type3Load(){
					ids = new Array();
					//var names = new Array();
					var selections = brandGrid.getSelectionModel().getSelection();
					for ( var i = 0; i ', {
				                text: '确定',
				                tooltip: '确定',
								//icon: basePath + 'css/icons/fam/add_16.png',
								iconCls: 'ok',
				                handler: function(){
									if(brandWindowFlag){
										type3Load();	
									}else{
										brandWindow.hide();
									}
				                }
				        },{
				                text: '取消',
				                tooltip: '取消',
				                //iconCls: 'add',
								//icon: basePath + 'css/icons/fam/add_16.png',
								iconCls: 'cancel',
				                handler: function(){
									if(brandWindowFlag){
										type3Load();	
									}else{
										brandWindow.hide();
									}
				                }
				        }]
					}
				);



1.错误的写法:
js异常这样会导致view对象没有实例化
//加载品牌数据集,并给品牌下拉框赋初始值
					brandStore.load({
						params: {
							date: Ext.util.Format.date(Ext.Date.add(new Date(),Ext.Date.MONTH, -1),"Ym"),//默认参数
						},
						callback: function(records, operation, success){
//获取grid的复选框对象
							var selMod = brandGrid.getSelectionModel();
							//默认选中10个品牌
							for (var i = 0; i <10; i++){
								selMod.select(i,true,false);	
							};

							//打开品牌窗体
							brandWindow.show();
												}
					});

2.正确的写法:
先打开窗体,然后操作窗体中grid对象的复选框
//加载品牌数据集,并给品牌下拉框赋初始值
					brandStore.load({
						params: {
							date: Ext.util.Format.date(Ext.Date.add(new Date(),Ext.Date.MONTH, -1),"Ym"),//默认参数
						},
						callback: function(records, operation, success){
							//打开品牌窗体
							brandWindow.show();
							//获取grid的复选框对象
							var selMod = brandGrid.getSelectionModel();
							//默认选中10个品牌
							for (var i = 0; i <10; i++){
								selMod.select(i,true,false);	
							};
						}
					});
分享到:
评论

相关推荐

    extjs4.1-ux.rar

    Extjs4.1多个扩展 1、Ext.ux.aceeditor.Panel 2、Ext.ux.grid.feature.Tileview 3、Ext.ux.upload.Button 4、Ext.ux.toggleslide.ToggleSlide 5、Ext.ux.container.ButtonSegment 6、Ext.ux.grid.plugin.RowEditing ...

    extjs4.1下拉复选框完整DEMO

    在这个"extjs4.1下拉复选框完整DEMO"中,我们主要关注的是如何使用ExtJS实现一个具有动态加载功能的下拉复选框组件。这个DEMO包含以下几个关键组成部分: 1. **ext-all-debug.js**:这是ExtJS的核心库文件,包含了...

    解决Extjs当中复选框全选后,取消选中某一项,全选框仍是选中状态的问题

    EXTJS的`Ext.selection.CheckboxModel`(或简写为`checkboxSelection`)提供了复选框选择模型,用于表格(grid)和其他组件,使得用户可以通过复选框进行多项选择。全选功能通常通过添加一个特殊的复选框来实现,该...

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...

    ExtJs选中var editor = new Ext.ux.grid.RowEditor详解

    ### ExtJs选中 `var editor = new Ext.ux.grid.RowEditor` 详解 在Web开发领域,特别是使用ExtJs框架进行复杂用户界面构建时,`RowEditor` 是一个非常实用的功能,它允许用户直接在表格行内编辑数据,极大地提高了...

    extjs带复选框的树包括全选 反选 子选父以及 父选子

    3. **子选父**:当一个子节点的复选框被改变时,其父节点的复选框状态应根据所有子节点的选中状态进行更新。可以监听`checkchange`事件,并在事件处理函数中进行判断。 4. **父选子**:当父节点的复选框被选中或...

    extjs-Ext.ux.form.LovCombo下拉框

    在EXTJS框架中,`Ext.ux.form.LovCombo`是一种自定义组件,它扩展了基本的`Ext.form.field.ComboBox`,提供了更丰富的功能,尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”(即“Look Up Value”...

    Extjs4.1 小例子(适合extjs初学者学习使用)

    ExtJS 4.1有自己的默认样式,但开发者可以根据需要自定义样式。 4. **JSON文件或XML文件**:可能包含数据源,用于数据绑定,展示在界面上。ExtJS的数据管理模型允许与后端服务进行交互,获取和更新数据。 5. **...

    Extjs4.1中文API指南.chm

    Extjs4.1中文API.chm

    ExtJs4.1中文API离线BS版

    ExtJS 4.1还支持Ext Designer,这是一款图形化的设计工具,允许开发者通过拖放方式创建和编辑UI,大大提高了开发效率。 9. **性能优化**: 在4.1版本中,ExtJS团队对框架进行了大量性能优化,包括减少DOM操作、...

    ExtJs4.1中文API

    Ext是一个优秀的JS AJAX框架,这里是ExtJs4.1中文API,感谢翻译组.

    Ext.ux.tree.treegrid异步加载

    本文详细介绍了如何使用ExtJS中的`Ext.ux.tree.TreeGrid`组件实现异步加载功能,包括前端配置和后端数据处理两个方面。通过这种方式可以有效提升用户体验,同时减轻服务器的压力。在实际开发过程中,还需要根据具体...

    ExtJS 4.0 改善Ext.grid.plugin.RowEditing (重构,v1.4版本,2011-09-11)

    这篇文章的标题指出这是一个关于“Ext.grid.plugin.RowEditing”的重构,版本为v1.4,发布日期为2011年9月11日。重构通常意味着代码的改进,可能涉及性能优化、错误修复或功能增强。在4.0版本中,RowEditing插件的...

    ExtJS4.1实现的mvc模式经典入门案例

    在ExtJS 4.1中,引入了强大的MVC(Model-View-Controller)模式,这是一种设计模式,有助于组织和分离应用程序的不同部分,使得代码更加模块化、可维护。本案例将深入探讨如何使用ExtJS 4.1实现MVC模式。 **一、...

    extjs4.1中文文档

    extjs4.1的中文文档,可以方便查看API

    Extjs4.1(修改后的sdk.jsb3)

    这意味着你可以将这个修复后的`sdk.jsb3`文件替换到你的ExtJS 4.1构建目录下的`build`子目录中。这样做之后,IDE如Spket应该能够正确识别和解析你的源代码,使你能够在编写代码时获得有效的智能提示和错误检查,提高...

    extjs 4.1中文文档

    extjs 4.1中文文档,chm,Ext JS is the best JavaScript framework for building data-intensive web apps for desktop, tablets, and smartphones, with the largest set of UI components.

    Ext grid panel 滚动条位置不变

    为了确保每次加载数据时滚动条都能正确地回到原来的位置,我们还可以通过覆盖`Ext.grid.GridView`中的方法来进一步增强功能: ```javascript Ext.override(Ext.grid.GridView, { scrollTop: function () { this....

    extjs弹出框 n秒后消失

    实现EXTJS弹出框在n秒后自动消失,我们可以利用EXTJS的定时器(Ext.util.DelayedTask)和弹出框(Ext.MessageBox)的配置选项。下面我们将详细讨论如何实现这个功能。 首先,EXTJS的弹出框主要通过`Ext.MessageBox....

Global site tag (gtag.js) - Google Analytics