Extjs与Ext.Net组件属性详解

需积分: 9 1 下载量 105 浏览量 更新于2024-09-13 收藏 2KB TXT 举报
"本文主要探讨Extjs和Ext.net框架中的一些核心属性及其使用方法。" 在Extjs和Ext.net这两个JavaScript库中,开发者可以利用各种属性来操作和控制用户界面元素。以下是一些常见的属性和方法: 1. `Ext.Msg`: 这是Extjs中的一个全局对象,用于显示消息对话框。`alert()`、`confirm()`和`notify()`方法分别用于显示警告、确认和通知对话框。 - `Ext.Msg.alert("标题", "内容");` - 显示一个包含指定标题和内容的警告对话框。 - `Ext.Msg.confirm("标题", "内容", callback);` - 显示一个确认对话框,用户点击确定或取消时,回调函数会被调用。 - `Ext.Msg.notify("标题", "内容");` - 创建一个通知条目,通常用于显示非阻塞的通知信息。 2. `Ext.getCmp("组件ID")`: 通过组件ID获取组件实例,以便进行进一步的操作。 - `Ext.getCmp("组件ID").setText("新文本");` - 设置组件(如按钮、标签等)的文本。 - `Ext.getCmp("组件ID").setValue("新值");` - 对于输入字段,设置其值。 - `Ext.getCmp("组件ID").getText();` - 获取组件的文本。 - `Ext.getCmp("组件ID").getValue();` - 获取组件的当前值。 3. `grid` 相关操作: - `Ext.getCmp("gridID").startEditing(行索引);` - 在网格的指定行开始编辑模式。 - `entryItemGrid` 或 `selectRow` 是grid的引用,可以使用 `focus(true, 10)` 来聚焦到某一行,`true` 表示立即执行,`10` 是延迟毫秒数。 4. `store` 数据操作: - `store` 是存储数据的容器,例如:`getGoodStore` 是一个store实例。 - `store.load()` 或 `store.loadData(data, add)` 加载数据到store,`add` 参数决定是否追加数据。 - `store.removeALL();` 清空store中的所有数据。 5. `Combobox` 操作: - `ComboBox` 的配置项中,`hiddenName` 用于指定隐藏域的名称,用于提交表单数据。 - `getValue()` 和 `getRawValue()` 分别获取选中项的值和原始值。 6. `sort` 和 `filter` 操作: - `sort()` 方法对store进行排序,`getSorters()` 可以获取当前的排序规则。 - `filter()` 方法用于过滤store中的数据。 7. 事件监听: - 使用 `listeners` 配置项可以监听组件的事件,例如监听输入框的焦点事件并触发下拉列表的展开。 ```javascript listeners: { 'focus': { fn: function(e) { e.onTriggerClick(); }, buffer: 200 } } ``` 这些属性和方法只是Extjs和Ext.net中的一部分,实际开发中,还有许多其他功能强大的组件和API可供使用,它们可以帮助开发者构建复杂的Web应用程序。理解并熟练运用这些属性和方法,将极大地提高开发效率和应用质量。