精通EXT_JS:从基础到实践

需积分: 50 0 下载量 28 浏览量 更新于2024-07-27 收藏 3.18MB PDF 举报
"EXT_JS实用开发指南,个人整理笔记,包含EXT_JS的基础知识,如OOP、消息框、页面脚本分离、元素操作与模板、格式化、组件结构、按钮和日期选择器以及数据与ComboBox的使用。" EXT_JS是一种流行的JavaScript库,用于构建富客户端Web应用程序。该文档是个人整理的开发指南,旨在帮助开发者更轻松地理解和使用EXT_JS。以下是对文档内容的详细阐述: 1. **EXT_JS OOP基础**:EXT_JS遵循面向对象编程(OOP)原则,介绍了如何在JavaScript中定义类,EXT_JS的命名空间定义,以及EXT_JS特有的OOP实现。配置选项(config)是EXT_JS中的一大特点,允许通过配置对象来定制组件的行为。 2. **消息框**:EXT_JS提供了各种类型的消息框,包括提示框、输入框、确认框、自定义消息框和进度条对话框,用于增强用户体验。 3. **页面与脚本完全分离**:EXT_JS鼓励将页面结构与脚本分离,通过Ext.onReady事件在页面加载完成后执行初始化代码,实现动态界面效果,使用Ext.Fx和Ext.Element类提供的动画功能。 4. **元素操作与模板**:EXT_DOMHelper类用于高效创建和操作DOM元素,而Ext.XTemplate则用于构建复杂的动态模板,用于数据绑定和渲染。 5. **格式化**:EXT_Util_Format类提供了一系列用于格式化文本、颜色、日期等的便捷方法,XTemplete可以进一步扩展模板功能,以满足更复杂的数据显示需求。 6. **EXT_JS组件结构**:EXT_JS组件体系复杂且强大,包括多种组件分类,每个组件都有自己的生命周期,组件的渲染过程由render方法控制。 7. **按钮与日期选择器**:EXT_JS的按钮组件可高度定制,提供了丰富的样式和行为,日期选择器Ext.DatePicker则方便用户选取日期,提升输入效率。 8. **数据与ComboBox**:EXT_JS的数据模型由DataProxy、DataReader和Store类共同构成,支持动态数据交互。ComboBox是一个常见组件,它结合Store和数据读取器,实现下拉列表的功能,常用于创建下拉选择框。 这本个人整理的EXT_JS开发指南覆盖了EXT_JS的核心概念和技术,是初学者和有经验的EXT_JS开发者宝贵的参考资料。通过学习这些章节,开发者能够深入理解EXT_JS的工作原理,掌握其强大的组件系统和数据管理能力,从而更高效地构建富前端应用。

const para_mix_t mix_para_net[] = { MIX_PARA_NET(NULL, false, config_version, TYPE_U32, 0, 0, NULL, NULL), MIX_PARA_EXT_NET("DEFRULE", true, default_rule,input , TYPE_U8 | TYPE_ITEM, sizeof(filter_strategy) / 4, 0, filter_strategy, NULL), MIX_PARA_EXT_NET("DEFRULE", true, default_rule,forward , TYPE_U8 | TYPE_ITEM, sizeof(filter_strategy) / 4, 0, filter_strategy, NULL), MIX_PARA_EXT_NET("DEFRULE", true, default_rule,output , TYPE_U8 | TYPE_ITEM, sizeof(filter_strategy) / 4, 0, filter_strategy, NULL), MIX_PARA_EXT_NET("RINPUT1", true, input[0],action , TYPE_U8 | TYPE_ITEM, sizeof(filter_strategy) / 4, 0, filter_strategy, NULL), MIX_PARA_EXT_NET("RINPUT1", true, input[0],protol , TYPE_U8 | TYPE_ITEM, sizeof(filter_type) / 4, 0, filter_type, NULL), MIX_PARA_STR_NET("RINPUT1", true, input[0], src_addr), MIX_PARA_EXT_NET("RINPUT1", true, input[0], src_port, TYPE_U16, 0, 65535, NULL, NULL), MIX_PARA_STR_NET("RINPUT1", true, input[0], dest_addr), MIX_PARA_EXT_NET("RINPUT1", true, input[0], dest_port, TYPE_U16, 0, 65535, NULL, NULL), MIX_PARA_EXT_NET("RINPUT2", true, input[0],action , TYPE_U8 | TYPE_ITEM, sizeof(filter_strategy) / 4, 0, filter_strategy, NULL), MIX_PARA_EXT_NET("RINPUT2", true, input[0],protol , TYPE_U8 | TYPE_ITEM, sizeof(filter_type) / 4, 0, filter_type, NULL), MIX_PARA_STR_NET("RINPUT2", true, input[0], src_addr), MIX_PARA_EXT_NET("RINPUT2", true, input[0], src_port, TYPE_U16, 0, 65535, NULL, NULL), MIX_PARA_STR_NET("RINPUT2", true, input[0], dest_addr), MIX_PARA_EXT_NET("RINPUT2", true, input[0], dest_port, TYPE_U16, 0, 65535, NULL, NULL), };能将后面两个优化为1个吗?使用类似循环的方式

2023-06-13 上传