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
分享到:
相关推荐
下面我们将深入探讨EXTJS中实现这一功能的方法。 EXTJS的下拉列表通常由`Ext.form.field.ComboBox`类创建。全选和去全选功能通常与多选下拉列表关联,EXTJS通过设置`multiSelect: true`属性来启用这个功能。要实现...
这种组件允许从一个主下拉框中选择多个项目,然后将这些项目显示在一个子下拉框中。这通常适用于层次结构数据的选取。`ChainedStore`和`ChainedModel`在其中起关键作用。 ```javascript // 首先,创建主下拉框的...
`GridComboBox` 结合了 `ComboBox` 和 `GridPanel` 的特性,允许用户在一个下拉菜单中浏览和选择多行数据。 1. **Extjs4 的 ComboBox** - `ComboBox` 是EXTJS中的一个基础组件,它提供了文本输入框和下拉列表的...
例如,文档中会阐述EXT的GridPanel组件,这是一个用于展示表格数据的强大组件,支持排序、分页、行选择等多种功能。开发者可以通过学习GridPanel的配置项和方法,了解如何创建自定义的表格视图。 此外,EXT的窗口...
9. **表单(Forms)**:Ext3.0提供了丰富的表单元素和表单处理功能,如文本框、下拉框、复选框、日期选择器等,以及表单的验证和提交。 10. **国际化(Internationalization, i18n)**:文档也会包含有关如何实现多...
通过`Ext.grid.GridPanel`创建表格,设置`store`来绑定数据,利用`columns`定义列配置。此外,还可以实现行选择、行编辑、行拖放等功能,提升用户体验。 2. 表单(Form):EXT3.0的表单组件允许开发者创建复杂的...
6. **表格和网格**:EXT的GridPanel是其强大特性之一,支持大量数据的展示和操作,包括排序、过滤、分页等。 7. **表单处理**:EXT提供了丰富的表单组件,如文本框、下拉框、日期选择器等,以及表单验证和提交机制。...
GridPanel还可以配置编辑功能,通过Ext.grid.Panel的plugins属性添加CellEditing或RowEditing插件,实现单元格或整行的编辑。例如: ```javascript plugins: [ Ext.create('Ext.grid.plugin.CellEditing', { ...
EXT提供了丰富的组件库,例如`GridPanel`用于数据展示,`FormPanel`用于数据输入,`TabPanel`实现多标签页,`Window`用于弹出对话框,`Toolbar`提供操作按钮,`TreePanel`展示层次结构数据,以及各种小部件如`...
在这个名为"EXT学习小例子"的项目中,我们将深入探讨EXTJS如何实现数据的增加、删除和修改功能。 EXTJS的核心是其组件系统,它提供了各种UI组件,如表格、表单、面板、树形视图等,这些组件可以方便地组合在一起...
EXT JS库提供了丰富的组件库,如GridPanel(数据网格)、FormPanel(表单)、ComboBox(下拉框)等,这些组件可以轻松地绑定到数据源,实现数据的动态展示和编辑。在学生管理系统中,我们可以使用GridPanel显示学生...
5. **表格和网格**:EXT 3.0.0中的GridPanel是数据展示的重要组件,它可以显示大量数据,并提供排序、筛选、分页等功能。配合Store,能轻松实现动态加载和编辑。 6. **表单元素**:EXT提供了各种表单控件,如文本框...
3. **表格网格**:Ext 2.0的表格组件(GridPanel)功能强大,支持分页、排序、过滤、编辑等功能,能处理大量数据并实现高性能渲染。同时,它还提供了行选择、行编辑等多种交互模式。 4. **表单组件**:Ext 2.0提供...
例如,`Ext.grid.GridPanel`是EXTJS中的一个基础组件,用于创建数据表格,支持排序、分页和行编辑等功能。`Ext.Panel`则是一个通用容器,可以包含其他组件,通常用作应用程序的基础结构。 在EXTJS 2.3.0版本中,...
4. **表格视图**:EXT的GridPanel组件用于展示大量结构化数据,支持排序、分页、编辑等功能。EXT 3.2.0的表格视图可以处理复杂的列定义和自定义渲染。 5. **树形视图**:TreePanel组件用于展示层次结构的数据,支持...
GridPanel是EXT中的核心组件,用于显示和操作表格数据。它可以动态加载数据,支持排序、分页、过滤、编辑等功能。EXT的网格还支持行选择、列隐藏、自定义列渲染和事件监听。 4. **日期框(DateField)**: ...
5. **GridPanel**:EXT的表格组件功能强大,可以实现多列排序、行编辑、分页、行选择等多种特性,常用于数据展示和操作。 6. **TreePanel**:EXT的树形视图组件可用于组织和展示层次结构的数据,支持节点的展开、...
10. **`grid`:** 表格组件,用于展示和编辑表格数据,通过`Ext.grid.GridPanel`类实现。 11. **`editorgrid`:** 可编辑的表格组件,允许用户直接在表格中编辑数据,通过`Ext.grid.EditorGridPanel`类实现。 12. **...
"ext 列表页面关于多行查询的办法"这个主题主要讨论如何在EXTJS的GridPanel中实现多行查询功能,特别是在界面布局受限的情况下。 EXTJS的GridPanel是一个强大的数据展示组件,它允许我们展示大量数据并进行各种操作...
1. **EXT.NET的使用**:EXT.NET提供了多种组件,如GridPanel(数据网格)、FormPanel(表单)、ComboBox(下拉框)等,以及事件处理和数据绑定机制,用于创建丰富的客户端交互。 2. **ASP.NET MVC框架**:理解路由...