`
shnsvyu
  • 浏览: 9544 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

编辑Grid列动态获取ComboBox.store

阅读更多
var cm = new Ext.grid.ColumnModel({
					columns : [sm, new Ext.grid.RowNumberer(), {
									header : 'projectchecksetid',
									dataIndex : 'projectchecksetid',
									hidden : true
								},{
									header : 'proTypeId',
									dataIndex : 'globalType',
									hidden : true,
									renderer : function(globalType) {
										if (globalType){
											proTypeId = globalType.proTypeId;
											var cbdepartment = Ext.getCmp('cbdepartment');
											cbdepartment.store.proxy= new Ext.data.HttpProxy({url: __ctxPath+'/project/comboProjectCheckSet.do?proTypeId='+proTypeId});
											cbdepartment.store.load();
											return globalType.proTypeId;
										}
									}
								},{
									header : '岗位名称',	
									dataIndex : 'positionname'
								},{
									header : '人员姓名',	
									dataIndex : 'username'
								},{
									header : '审批顺序',	
									dataIndex : 'degree',
									editor : new Ext.form.ComboBox({
										id: "cbdepartment",
										valueField : 'degree',
										displayField : 'degree',
										forceSelection: true, 
										selectOnFocus: true, 
										typeAhead: true, 										
										store:new Ext.data.JsonStore({
											//autoLoad:true,
											url:__ctxPath+'/project/comboProjectCheckSet.do',
											fields:['degree','degree'],
											root:'data'
										}),
										mode : 'local',
										triggerAction : 'all',
										mode: 'local', 
										lazyRender: true ,
										editable : false
										
									})
								}],
					defaults : {
						sortable : true,
						menuDisabled : false,
						width : 100
					}
				});

 

分享到:
评论

相关推荐

    Ext.Store的获取方法

    在Ext.js中,`Ext.Store`是用来管理数据的类,它通常与各种UI组件(如Grid、ComboBox等)关联,用于存储和检索数据。然而,获取`Ext.Store`的方式并不像获取其他Ext组件那样直接,因为Store并不是一个具有可视界面的...

    Ext ComboboxGrid

    7. **使用和配置**:在实际项目中,我们需要知道如何引入和配置ComboboxGrid,包括设置数据源、定义列模型、指定搜索条件等。这通常涉及到创建Store、定义ColumnModel、配置ComboBox和Grid的相关属性。 8. **性能...

    extjs4 ComboBox 点击下拉框 出现grid效果

    Grid的配置可以包括列模型(column model)、存储模型(store)以及视图配置等。 例如: ```javascript var comboBox = Ext.create('Ext.form.ComboBox', { ... listeners: { expand: function(comboBox) { ...

    可编辑表格Ext.grid.EditorGridPanel

    3. 表单编辑:每个单元格可以关联一个表单字段(如TextField、ComboBox等),实现不同类型的编辑器。 4. 事件处理:提供了一系列的编辑事件,如beforeedit、validateedit、afteredit等,方便开发者在数据编辑前后...

    extjs中grid中嵌入动态combobox的应用

    有时候我们需要在Grid的某列中嵌入ComboBox组件,以提供动态选择数据的功能。本文将详细阐述在Ext JS版本3.0中,如何将动态ComboBox嵌入Grid并实现相关功能。 首先,要实现Grid中的ComboBox嵌入功能,需要了解几个...

    ExtJS PropertyGrid中使用Combobox选择值问题

    var selectedRecord = cmbBrandEdit.store.getAt(cmbBrandEdit.store.find('BRAND_ID', value)); // 设置 displayField 的值到 record record.set("value", selectedRecord.get('BRAND_NAME')); // 提交更改 ...

    EXt 可以编辑的grid

    EXT JS的CellEditing插件是实现这一功能的关键,它提供了优雅的方式来处理表格数据的动态编辑。 首先,让我们详细了解一下EXT JS中的Grid Panel(面板)。Grid Panel是一个可配置的组件,用于展示结构化的数据集。...

    extjs4.2 分页combo动态条数 源码

    comboBox.setValue(comboBox.store.getAt(0).get(comboBox.valueField)); // 例如,选中第一条数据 }); pagingToolbar.on('change', function(paging, params) { store.load({params: {start: params.start, ...

    extjs editgrid combobox 回显

    例如,可以通过调用`store.find()`方法找到与当前值匹配的记录,然后从该记录中提取`displayField`对应的值进行显示。 4. **处理空值情况**:在`renderer`函数中,还需要考虑当前`ComboBox`未选择任何项的情况,...

    Extjs4下拉菜单ComboBox中用Grid显示通用控件

    - 当 `ComboBox` 的下拉列表需要展示复杂数据结构时,如多列或带有自定义样式的数据,可以使用 `GridComboBox`。 - `GridComboBox` 可以设置为单选或多选模式,根据业务需求选择合适的交互方式。 4. **配置与实现...

    Ext深入浅出 数据传输

    10.7 高级store.............................................245 10.8 EXT中的Ajax .........................................246 10.8.1 最容易看到的Ext.Ajax ........246 10.8.2 Ext.lib.Ajax是更底层的封装.....

    解决ext下拉列表全选和去全选功能

    `selectAllBtn`按钮的回调函数通过遍历`comboBox`的`store`并设置每个记录的`selected`字段为`true`来实现全选。然后,使用`setValue`方法更新下拉列表的值。`deselectAllBtn`按钮的回调函数则将所有记录的`selected...

    这是有关extjs的例子,里面有各种表单的定义,grid的实现

    通过数据源(如`Ext.data.Store`)与Grid进行绑定,可以实现数据的动态加载、排序、筛选和编辑。Grid中的行可以通过`Ext.grid.RowModel`进行操作,而列则通过`Ext.grid.ColumnModel`进行定义。此外,Grid还可以通过...

    Ext下拉树、下拉表格

    在本项目中,"Ext下拉树、下拉表格"指的是使用Ext库实现的两种交互式组件:下拉树(ComboBox with Tree)和下拉表格(ComboBox with Grid)。这两种组件都是在输入框中展示可选择的列表,但呈现形式不同,下拉树以...

    extjs 列表基本操作

    四、列表列动态获取,且可合并单元格 EXTJS支持动态获取列的同时,也允许单元格的合并。合并单元格通常在需要显示汇总信息或者有跨列需求时使用。EXTJS提供了一个名为`column.renderCell`的模板方法,通过在该方法内...

    Extjs EditorGridPanel中ComboBox列的显示问题

    为了解决这个问题需要在EditorGridPanel的ColumnModel中显示ComboBox的地方使用renderer属性,重新渲染,方法如下: 代码如下: //部门列表 var comboxDepartmentStore = new Ext.data.Store({ proxy: new Ext.data....

    Ext 将grid渲染到combox

    store.load({params: {start: 0, limit: 5}}); ``` 这里创建了一个 `JsonStore`,用于存储从服务器获取的数据。`JsonStore` 是 Ext JS 提供的一种数据存储类,它可以处理 JSON 数据格式,并为数据提供增删改查等...

    ext的表格行编辑(roweditor)实现(c#)

    - 对每个列定义`editor`属性,指定用于编辑的字段类型,如`textfield`、`combobox`等。 4. **处理数据更改** - 当用户完成编辑并保存时,RowEditor会触发`edit`事件。我们需要监听这个事件,通过Ajax请求将更新的...

Global site tag (gtag.js) - Google Analytics