<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%
request.setAttribute("base", request.getContextPath());
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>getCmp方法的简单应用</title>
<link rel="stylesheet" type="text/css" href="${base}/ext/resources/css/ext-all.css" />
<script type="text/javascript" src="${base}/ext/ext-base.js"></script>
<script type="text/javascript" src="${base}/ext/ext-all.js"></script>
<script type="text/javascript" src="${base}/ext/ext-lang-zh_CN.js"></script><!--中文映射-->
<script type="text/javascript">
function ready(){
var setText=function(){//重新设置文本函数
var button=Ext.getCmp("btn");//根据id获取按钮对象
var btnId=button.id;//获取按钮id
var btnText=button.text;//获取按钮文本
var btnType=button.type;//获取按钮类型
var result="id:"+btnId+" 文本:"+btnText+" 类型:"+btnType;
Ext.Msg.alert("",result);//提示框
Ext.getCmp("btn").setText("取消");//根据id获取对象，重新设置文本
}
var alertBtn=new Ext.Button({//定义按钮对象
id:"btn",//按钮id
text:"确定",//按钮显示的文本
handler:setText,//定义按钮触发的事件，直接可以写成函数名
renderTo:document.body//将按钮渲染到窗体上
});
}
Ext.onReady(ready) ;//参数为定义的函数,onReady是程序的入口
</script>
</head>
<body>
</body>
</html>
其他的比如 Ext.get("一个参数");Ext.getDom("一个参数");Ext.getDoc("不带参数");
就不详细介绍了。
<!--EndFragment-->
分享到：
相关推荐
win = Ext.getCmp(this.id); winElm = Ext.get(this.id); Ext.TaskMgr.start({ run: function () { if (self.winYtmp >= self.winYtop) { if (self.hidden == true) self.show(); Ext.TaskMgr.start(self....
此外，通过`Ext.getCmp`可以访问到Ext JS组件，如`Ext.getCmp('organNo').getValue()`用于获取ID为`organNo`的组件的值，而`Ext.getCmp('parentIdValue').setValue(1);`则用于设置ID为`parentIdValue`的组件的值为1...
12. `Ext.getCmp( String id )`: 根据HTML元素的ID获取对应的`Ext.Component`对象。这仅适用于由Ext创建的组件，否则将返回`null`。 13. `Ext.num(Numeric value, [Numeric defaultValue])`: 如果`value`是数字，就...
` 会禁用ID为'updateb'的按钮，而 `Ext.getCmp('deleteb').enable();` 则会启用ID为'deleteb'的按钮。 2. 面板（Panel）： - `setVisible` 方法：用于控制面板的可见性。`Ext.getCmp('rulepanel').setVisible(true...
根据给定的信息，本文将详细解释“Ext 添加功能form表单实例”的知识点，这主要针对Ext初学者。...对于初学者来说，这是一个很好的学习资源，可以帮助他们快速掌握如何使用Ext构建复杂的Web应用程序。
`getCMP()` 是ExtJS中的一个全局函数，全称为`Ext.getCmp()`。这个函数的主要作用是通过组件的ID来查找并返回对应的ExtJS组件实例。在ExtJS中，每个组件都有一个唯一的ID，`getCMP()` 就是利用这个ID来定位组件。...
当我们在ExtJS中创建组件并赋予其一个唯一的ID时，可以通过`Ext.getCmp("组件ID")`来获取这个组件的实例。例如，如果我们的代码中有这样一个组件： ```javascript var codeComponent = new Ext.form.TextField({ ...
控制Ext.NET控件（如按钮）的可用性，可通过`Ext.getCmp("控件ID").setDisabled(true/false)`，其中`true`表示禁用，`false`表示启用。 ### 8. Grid中添加新行 向Grid添加新行，首先创建一个新的`Record`实例，如`...
2. `Ext.getCmp('city-id-name').setValue(cityid);` 这行代码试图设置ComboBox的值为`cityid`。但因为Store的数据可能还没有加载，这可能导致ComboBox的下拉列表中找不到对应的值，从而显示为空或者错误的值。 ...
Ext.getCmp(id) ``` **参数**: - `id`: 组件的id。 **示例**: ```javascript Ext.onReady(function(){ var h = new Ext.Panel({ id: "h2", title: "", renderTo: "hello", width: 300, height: 200 }); ...
在Ext JS中，可以通过`Ext.getCmp(id)`方法根据ID获取组件。例如，如果有一个组件的ID为`'myPanel'`，则可以使用`var myPanel = Ext.getCmp('myPanel')`来获取该面板。 2. **DOM选择器**： 类似于jQuery，Ext JS...
var childStore = Ext.getCmp('childComboBox').getStore(); childStore.loadData(JSON.parse(response.responseText)); } }); } } }); var childStore = Ext.create('Ext.data.Store', { /* ... */ }); ...
- `Ext.getCmp(id)`: 根据组件 ID 获取组件实例。 - `Ext.each()`: 遍历数组或对象。 - `Ext.apply()`: 将一个对象的属性合并到另一个对象中。 #### 2. Array 类 (P.4) - **概述**：提供了一系列操作数组的方法...
Ext.getCmp('container').add(list); // 假设有一个id为'container'的容器 } }); }); ``` 综上所述，EXTJS的事件系统和模板机制是其强大功能的重要组成部分。通过理解和熟练运用这两个机制，开发者能够构建出...
5. `Ext.getCmp(string id)`：通过组件ID获取组件实例，主要用于访问已经存在的Ext.Component。 6. `Ext.getDom(Mixed el)`：将Ext.Element或DOM元素ID转换为原生DOM元素对象。 7. `Ext.isEmpty(Mixed value, ...
`Ext.getCmp`方法用于根据ID获取组件实例，以便我们可以操作它。在按钮的`handler`中，通过`Ext.getCmp("txt_Name").getValue()`获取文本字段的值。 最后，代码展示了另一种创建Panel的方法，包括设置标题、宽高、...
var linkmanInput = Ext.getCmp('linkmanInput').getValue(); var nodeInput = Ext.getCmp('nodecom').getValue(); store.load({ params: { start: 0, limit: 10, nameInput: nameInput, nodeInput: ...
10. `var selectionModel = Ext.getCmp('gridpanel').getSelectionModel();` 通过组件ID获取GridPanel的选择模型（SelectionModel），这通常用于多选或单选的场景。 11. `var record = selectionModel.getSelected()...
然而，在实际应用中，我们可能会遇到一个问题：当实现全选功能后，如果尝试取消选中其中的一项，全选复选框仍然保持选中状态，这显然不符合用户的预期。本文将深入探讨这个问题，并提供解决方案。 首先，我们需要...