//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多个扩展 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"中,我们主要关注的是如何使用ExtJS实现一个具有动态加载功能的下拉复选框组件。这个DEMO包含以下几个关键组成部分: 1. **ext-all-debug.js**:这是ExtJS的核心库文件,包含了...
EXTJS的`Ext.selection.CheckboxModel`(或简写为`checkboxSelection`)提供了复选框选择模型,用于表格(grid)和其他组件,使得用户可以通过复选框进行多项选择。全选功能通常通过添加一个特殊的复选框来实现,该...
在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...
### ExtJs选中 `var editor = new Ext.ux.grid.RowEditor` 详解 在Web开发领域,特别是使用ExtJs框架进行复杂用户界面构建时,`RowEditor` 是一个非常实用的功能,它允许用户直接在表格行内编辑数据,极大地提高了...
3. **子选父**:当一个子节点的复选框被改变时,其父节点的复选框状态应根据所有子节点的选中状态进行更新。可以监听`checkchange`事件,并在事件处理函数中进行判断。 4. **父选子**:当父节点的复选框被选中或...
在EXTJS框架中,`Ext.ux.form.LovCombo`是一种自定义组件,它扩展了基本的`Ext.form.field.ComboBox`,提供了更丰富的功能,尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”(即“Look Up Value”...
ExtJS 4.1有自己的默认样式,但开发者可以根据需要自定义样式。 4. **JSON文件或XML文件**:可能包含数据源,用于数据绑定,展示在界面上。ExtJS的数据管理模型允许与后端服务进行交互,获取和更新数据。 5. **...
Extjs4.1中文API.chm
ExtJS 4.1还支持Ext Designer,这是一款图形化的设计工具,允许开发者通过拖放方式创建和编辑UI,大大提高了开发效率。 9. **性能优化**: 在4.1版本中,ExtJS团队对框架进行了大量性能优化,包括减少DOM操作、...
Ext是一个优秀的JS AJAX框架,这里是ExtJs4.1中文API,感谢翻译组.
本文详细介绍了如何使用ExtJS中的`Ext.ux.tree.TreeGrid`组件实现异步加载功能,包括前端配置和后端数据处理两个方面。通过这种方式可以有效提升用户体验,同时减轻服务器的压力。在实际开发过程中,还需要根据具体...
这篇文章的标题指出这是一个关于“Ext.grid.plugin.RowEditing”的重构,版本为v1.4,发布日期为2011年9月11日。重构通常意味着代码的改进,可能涉及性能优化、错误修复或功能增强。在4.0版本中,RowEditing插件的...
在ExtJS 4.1中,引入了强大的MVC(Model-View-Controller)模式,这是一种设计模式,有助于组织和分离应用程序的不同部分,使得代码更加模块化、可维护。本案例将深入探讨如何使用ExtJS 4.1实现MVC模式。 **一、...
extjs4.1的中文文档,可以方便查看API
这意味着你可以将这个修复后的`sdk.jsb3`文件替换到你的ExtJS 4.1构建目录下的`build`子目录中。这样做之后,IDE如Spket应该能够正确识别和解析你的源代码,使你能够在编写代码时获得有效的智能提示和错误检查,提高...
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.GridView`中的方法来进一步增强功能: ```javascript Ext.override(Ext.grid.GridView, { scrollTop: function () { this....
实现EXTJS弹出框在n秒后自动消失,我们可以利用EXTJS的定时器(Ext.util.DelayedTask)和弹出框(Ext.MessageBox)的配置选项。下面我们将详细讨论如何实现这个功能。 首先,EXTJS的弹出框主要通过`Ext.MessageBox....