“Extjs开发精华”
本资源是关于Extjs开发的经验总结，包含了丰富的开发实例和代码片段。Extjs是一个用于构建Web应用的JavaScript库，它提供了强大的组件化能力，帮助开发者创建复杂的用户界面。主要涉及到的标签有“extjs”，“ext”以及“extjs4”，表明内容主要关注Extjs 4版本。
在提供的代码片段中，我们可以看到以下几个Extjs的核心知识点：
1. 表单操作：
- `setValues` 方法用于设置表单字段的值，如`myform.form.setValues({links_img:upfile_url})`将`links_img`字段的值设置为`upfile_url`。
- `getValue` 方法用于获取表单字段的值，例如`Ext.getCmp("id").getForm().findField("name").getValue()`和`myform.getForm().findField("name").getValue()`都是获取名为"name"的字段的值。
2. 组件隐藏：
- `hide` 方法可以隐藏指定组件，如`Ext.getCmp("item_name").hide()`和`myform.getForm().findField("item_name").hide()`用于隐藏id为“item_name”的组件或表单中的“item_name”字段。
3. RadioGroup取值：
- `getGroupValue` 方法用于获取RadioGroup的选择值，如`var linksTypeValue = myform.getForm().findField("links_type").getGroupValue();`获取了名为"links_type"的RadioGroup的选中值。
4. 按钮对齐：
- `buttonAlign` 属性可以设置按钮的对齐方式，例如`buttonAlign:'center'`使按钮居中对齐。
5. 状态控制：
- `checked` 属性用于设置Checkbox或Radio的状态，`checked:true`表示选中。
- `disabled` 属性可以禁用组件，例如`disabled:true`使组件不可用。
6. 表单操作：
- `reset` 方法用于清空表单的所有数据，`myform.form.reset()`执行此操作。
- `focus` 方法可以设置组件获取焦点，`Ext.getCmp('hp_bm').focus(false,100);`延迟100毫秒让id为'hp_bm'的组件获取焦点。
7. 样式设置：
- `contentEl` 属性可以设置组件的内容元素，如`contentEl:'bgTop_red'`可能指定了背景颜色。
- `insetPadding` 设置内部填充，如`insetPadding:10`表示10像素的内边距。
- `bodyStyle` 可以定义组件的内联样式，例如设置背景色`bodyStyle:{background:"#232d38"}`。
8. 表格与选择：
- `selType` 用于定义表格选择模式，`'checkboxmodel'`表示启用复选框选择。
- `multiSelect` 设置是否允许多选，`true`表示开启。
- `'rownumberer'` 表示列头显示行号，宽度可以通过`width`属性调整，例如`width:40`。
9. 字段配置：
- `xtype` 定义组件类型，如`'textfield'`用于文本输入，`'datefield'`用于日期选择。
- `regex` 属性可以设置字段验证正则表达式，如`regex:/^[a-zA-Z][a-zA-Z0-9_]{2,15}$/'`验证登陆账号是否符合规则。
- `readOnly` 属性设置字段为只读，`readOnly:true`表示该字段不能编辑。
以上就是从给定的代码片段中提取出的Extjs开发的一些关键知识点，它们涵盖了表单操作、组件状态控制、布局与样式、数据获取等多个方面，对于理解和使用Extjs进行Web应用开发具有很高的参考价值。
我的内容管理
展开
