`
automan1989
  • 浏览: 6251 次
社区版块
存档分类
最新评论

EXT gridpanel中实现下拉框

ext 
阅读更多
		    	afterrender:function(){
		    		var hostId = Ext.getCmp("vCpu_numa_host_id").getValue();
		    		var nodeName = Ext.getCmp("vCpu_numa_node_id").getValue();

					ajaxRequest({
						url: getContextPath() + '/load.action',
		    			params : {'id': hostId, 'nodeName': nodeName},
		    			async: '1',
		    			loadMastTarget: Ext.getBody(),
		    			complete : function(hCpuList)
		    			{
		    				if (hCpuList) 
		    				{
		    					Ext.getCmp('vCpu_numa_bind_id').getColumnModel().setRenderer(1,function(value, cellmeta, record) {
		    						if (hCpuList == undefined || hCpuList == '')
		    						{
		    							return	"<select id='numaCore_"+record.get("vmCPU") + "' disabled='disabled' >"
		    						    +"<option value='-1' selected = 'selected'>" + platform_common_select + "</option></select>"
		    						}
		    						else
		    						{
		    							var temp = '';
		    							for (var i = 0; i < hCpuList.length; i++)
		    							{
		    								var pt = hCpuList[i].id;
		    								var ptname = hCpuList[i].value;
		    								temp = temp + '<option value=\'' + pt + '\'>' + ptname + '</option>';
		    							}
		    							return "<select id='numaCore_"+record.get("vmCPU") + "' >" 
		    								+ "<option value='-1' selected = 'selected'>" + platform_common_select + "</option>"
		    								+ temp + "</select>"
		    							
		    						}
		    					});
		    					
		    				}
		    				
						}
		    		});
			}





   			    	select: function(group, value)
   			    	{
   			    		var hostId = Ext.getCmp("vCpu_numa_host_id").getValue();
   			    		var nodeName = Ext.getCmp("vCpu_numa_node_id").getValue();
   			    		
						ajaxRequest({
							url: getContextPath() + '/load.action',
			    			params : {'id': hostId, 'nodeName': nodeName},
			    			async: '1',
			    			loadMastTarget: Ext.getBody(),
			    			complete : function(hCpuList)
			    			{
			    				if (hCpuList) 
			    				{
			    					for(var i = 0; i < cpuNum; i++)
			    					{
				    					var str = '';
				    					if (hCpuList == undefined || hCpuList == '')
			    						{
			    							str = 	"<select id='numaCore_"+i + "' disabled='disabled' >"
			    						    +"<option value='-1' selected = 'selected'>" + platform_common_select + "</option></select>"
			    						}
			    						else
			    						{
			    							var temp = '';
			    							for (var j = 0; j < hCpuList.length; j++)
			    							{
			    								var pt = hCpuList[j].id;
			    								var ptname = hCpuList[j].value;
			    								temp = temp + '<option value=\'' + pt + '\'>' + ptname + '</option>';
			    							}
			    							str =  "<select id='numaCore_"+i + "' >" 
			    								+ "<option value='-1' selected = 'selected'>" + platform_common_select + "</option>"
			    								+ temp + "</select>"
			    						}

			    						var dom = document.getElementById("numaCore_" + i);
			    						dom.innerHTML = str;
			    					}
			    					
			    				}
			    				
							}
			    		});
						
   			    	}




https://www.cnblogs.com/xdp-gacl/p/3938361.html
https://my.oschina.net/vernon/blog/363693
分享到:
评论

相关推荐

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

    下面我们将深入探讨EXTJS中实现这一功能的方法。 EXTJS的下拉列表通常由`Ext.form.field.ComboBox`类创建。全选和去全选功能通常与多选下拉列表关联,EXTJS通过设置`multiSelect: true`属性来启用这个功能。要实现...

    找到的ExtJS实现多选下拉框3个代码

    这种组件允许从一个主下拉框中选择多个项目,然后将这些项目显示在一个子下拉框中。这通常适用于层次结构数据的选取。`ChainedStore`和`ChainedModel`在其中起关键作用。 ```javascript // 首先,创建主下拉框的...

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

    `GridComboBox` 结合了 `ComboBox` 和 `GridPanel` 的特性,允许用户在一个下拉菜单中浏览和选择多行数据。 1. **Extjs4 的 ComboBox** - `ComboBox` 是EXTJS中的一个基础组件,它提供了文本输入框和下拉列表的...

    EXT2.0帮助文档CHM版

    例如,文档中会阐述EXT的GridPanel组件,这是一个用于展示表格数据的强大组件,支持排序、分页、行选择等多种功能。开发者可以通过学习GridPanel的配置项和方法,了解如何创建自定义的表格视图。 此外,EXT的窗口...

    Ext3.0中文API

    9. **表单(Forms)**:Ext3.0提供了丰富的表单元素和表单处理功能,如文本框、下拉框、复选框、日期选择器等,以及表单的验证和提交。 10. **国际化(Internationalization, i18n)**:文档也会包含有关如何实现多...

    ext3.0所有控件演示代码

    通过`Ext.grid.GridPanel`创建表格,设置`store`来绑定数据,利用`columns`定义列配置。此外,还可以实现行选择、行编辑、行拖放等功能,提升用户体验。 2. 表单(Form):EXT3.0的表单组件允许开发者创建复杂的...

    ext中文文档(第一部分)

    6. **表格和网格**:EXT的GridPanel是其强大特性之一,支持大量数据的展示和操作,包括排序、过滤、分页等。 7. **表单处理**:EXT提供了丰富的表单组件,如文本框、下拉框、日期选择器等,以及表单验证和提交机制。...

    ExtJs GridPanel 操作

    GridPanel还可以配置编辑功能,通过Ext.grid.Panel的plugins属性添加CellEditing或RowEditing插件,实现单元格或整行的编辑。例如: ```javascript plugins: [ Ext.create('Ext.grid.plugin.CellEditing', { ...

    EXT例子,可以直接跑

    EXT提供了丰富的组件库,例如`GridPanel`用于数据展示,`FormPanel`用于数据输入,`TabPanel`实现多标签页,`Window`用于弹出对话框,`Toolbar`提供操作按钮,`TreePanel`展示层次结构数据,以及各种小部件如`...

    EXT学习小例子

    在这个名为"EXT学习小例子"的项目中,我们将深入探讨EXTJS如何实现数据的增加、删除和修改功能。 EXTJS的核心是其组件系统,它提供了各种UI组件,如表格、表单、面板、树形视图等,这些组件可以方便地组合在一起...

    简单ext jsp数据库操作例子

    EXT JS库提供了丰富的组件库,如GridPanel(数据网格)、FormPanel(表单)、ComboBox(下拉框)等,这些组件可以轻松地绑定到数据源,实现数据的动态展示和编辑。在学生管理系统中,我们可以使用GridPanel显示学生...

    ext-3.0.0开发包

    5. **表格和网格**:EXT 3.0.0中的GridPanel是数据展示的重要组件,它可以显示大量数据,并提供排序、筛选、分页等功能。配合Store,能轻松实现动态加载和编辑。 6. **表单元素**:EXT提供了各种表单控件,如文本框...

    ext 2.0

    3. **表格网格**:Ext 2.0的表格组件(GridPanel)功能强大,支持分页、排序、过滤、编辑等功能,能处理大量数据并实现高性能渲染。同时,它还提供了行选择、行编辑等多种交互模式。 4. **表单组件**:Ext 2.0提供...

    ext-2.3.0jar包

    例如,`Ext.grid.GridPanel`是EXTJS中的一个基础组件,用于创建数据表格,支持排序、分页和行编辑等功能。`Ext.Panel`则是一个通用容器,可以包含其他组件,通常用作应用程序的基础结构。 在EXTJS 2.3.0版本中,...

    学习ext资料

    4. **表格视图**:EXT的GridPanel组件用于展示大量结构化数据,支持排序、分页、编辑等功能。EXT 3.2.0的表格视图可以处理复杂的列定义和自定义渲染。 5. **树形视图**:TreePanel组件用于展示层次结构的数据,支持...

    ext简单例子

    GridPanel是EXT中的核心组件,用于显示和操作表格数据。它可以动态加载数据,支持排序、分页、过滤、编辑等功能。EXT的网格还支持行选择、列隐藏、自定义列渲染和事件监听。 4. **日期框(DateField)**: ...

    ext学习资料和rar

    5. **GridPanel**:EXT的表格组件功能强大,可以实现多列排序、行编辑、分页、行选择等多种特性,常用于数据展示和操作。 6. **TreePanel**:EXT的树形视图组件可用于组织和展示层次结构的数据,支持节点的展开、...

    extJs xtype 类型

    10. **`grid`:** 表格组件,用于展示和编辑表格数据,通过`Ext.grid.GridPanel`类实现。 11. **`editorgrid`:** 可编辑的表格组件,允许用户直接在表格中编辑数据,通过`Ext.grid.EditorGridPanel`类实现。 12. **...

    ext 列表页面关于多行查询的办法

    "ext 列表页面关于多行查询的办法"这个主题主要讨论如何在EXTJS的GridPanel中实现多行查询功能,特别是在界面布局受限的情况下。 EXTJS的GridPanel是一个强大的数据展示组件,它允许我们展示大量数据并进行各种操作...

    ext asp.net mvc nhibernate 完整项目示例

    1. **EXT.NET的使用**:EXT.NET提供了多种组件,如GridPanel(数据网格)、FormPanel(表单)、ComboBox(下拉框)等,以及事件处理和数据绑定机制,用于创建丰富的客户端交互。 2. **ASP.NET MVC框架**:理解路由...

Global site tag (gtag.js) - Google Analytics