`

extjs小技巧

 
阅读更多

一、从form中获取field的三个方法:

1、Ext.getCmp('id');

2、FormPanel.getForm().findField('id/name');

3、Ext.get('id/name');//前提是FormPanel在界面上显示出来了。

 

二、ExtJS如何给textfield赋值的三个方法:

var value="值";

1、 fs.form.findField(id/name).setValue(value);

2、 Ext.get(id/name).setValue(value);

3、 Ext.getCmp(id).setValue(value);

 

三、Ext grid中得到选择行的方法

 

在Ext grid中假设有一个名称为grid的对象。

(1)grid.getStore().getRange(0,store.getCount());//得到grid所有的行

(2)grid.getSelectionModel().getSelections()//得到选择所有行

(3)grid.selModel.selections.items;//得到选择所有行

(4)grid.getSelectionModel().getSelected();//得到选择行的第一行

 

四、formPanel组件load数据时combo的自动赋值

  combo有个hiddenName这个属性,这个属性是真正提交的值,在加载的时候你将这个属性的设置到reader中,就可以自动选择到指定的值了,比如说:hiddenName:'value',那么你的reader中就应该有一个{name:'value'}.

 

五、ExtJS 重置表单的方法

有三种方法能实现form表单的重置,假设var fs=new Ext.form.FormPanel({...});
(1)fs.form.reset();//重置form
(2)fs.getForm().getEl().dom.reset();//重置form
(3)Ext.getCmp('fs').form.reset();

分享到:
评论

相关推荐

    extjs4中文文档

    通过学习这份文档,开发者可以掌握EXTJS4的基本用法和高级技巧,从而高效地开发出功能丰富的Web应用。同时,文档还可能涵盖了EXTJS4的升级、调试、性能优化等相关内容,帮助开发者解决实际开发过程中遇到的问题。

    Extjs3.0 cookbook

    **EXTJS 3.0实战技巧** 1. **自定义组件(Custom Components)**:EXTJS允许开发者创建自定义组件,扩展其功能以满足特定需求。 2. **主题(Themes)**:EXTJS 3.0支持皮肤和主题,开发者可以根据品牌或设计需求...

    资料:包括extjs2.0源码

    通过深入EXTJS 2.0的源码,开发者不仅可以提升EXTJS的使用技巧,还能学习到JavaScript编程的最佳实践,对于前端开发者来说是一份宝贵的资源。不过,由于EXTJS后续版本(如EXTJS 4.x、6.x及更高版本)引入了许多新...

    extjs 6 gettng started

    - **主题和样式**:提供了定制主题和样式的技巧,帮助开发者打造出美观且一致的用户界面。 - **性能优化**:分享了一些提高应用性能的最佳实践,比如懒加载、异步加载等技术。 - **测试与调试**:介绍了如何对 ExtJS...

    Extjs自动最大化panel

    在EXTJS中,"Extjs自动最大化panel"是一种高级布局技术,它允许用户创建一个能够自动适应并填充其容器的面板(Panel)。...通过熟练掌握这一技巧,开发者可以构建出更加适应用户需求的交互式应用。

    Extjs+Designer+Preview 官方的extjs可视化IDE设计工具3.0 汉化版

    10. **学习资源**:官方提供详细的文档和教程,帮助开发者快速上手和提升使用技巧。 总之,ExtJS Designer 3.0汉化版是一个强大的设计工具,它为使用ExtJS开发Web应用提供了可视化、高效且易于理解的环境,极大地...

    extjs4 自己写的webdesktop小实例,更新中

    这个"webdesktop1.0"压缩包包含了一个基于ExtJS4实现的Web桌面小实例,旨在帮助开发者了解如何利用ExtJS4构建类似桌面环境的Web应用。 在ExtJS4中,Web桌面通常指的是一个模仿传统桌面操作系统界面的Web应用框架,...

    EXTJS开发总结.pdf

    EXTJS是一种专为Rich Internet Applications (RIA)设计的前端JavaScript框架,它的主要定位与Prototype、jQuery...在实际项目中,结合良好的代码管理和调试技巧,EXTJS能够帮助企业构建出高效、用户体验优秀的Web应用。

    Extjs in action

    - **使用小部件进行拖放**:深入探讨了如何将拖放功能应用于特定的小部件或组件。 - **扩展与插件**:讲解了如何利用ExtJS的插件系统来扩展其功能。 总之,《Extjs in Action》是一本非常适合希望精通ExtJS框架的...

    ExtJS桌面化(desktop)插件Demo项目

    学习并实践这个项目,开发者可以掌握构建富有交互性和桌面感的Web应用的技巧,这对于创建现代企业级应用或需要高度定制用户界面的项目非常有帮助。同时,了解动态加载和集成开发环境的使用,也有助于提升开发效率和...

    extjs实现登陆验证

    在IT领域,特别是Web开发中,使用ExtJS框架进行用户登录界面的前端验证是一个常见的需求。...理解这些代码背后的逻辑,不仅能够帮助开发者快速搭建登录界面,还能够深入掌握ExtJS框架的使用技巧,提升前端开发效率。

    Extjs 5 学习笔记

    2. **JS 编译器**:具备框架感知能力的 JavaScript 编译器,可以在构建时生成更小体积的输出文件,从而加快应用程序的加载速度。 3. **网络服务**:支持轻量级网络服务,例如通过 `sencha web start` 命令启动开发...

    ExtJs GridPanel延时加载.rar

    除了延时加载,还有其他一些性能优化技巧,如分页、数据过滤和排序等。分页可以将大量数据分成多个小部分加载;过滤和排序可以在客户端处理,减少服务器负载。另外,使用内存代理(MemoryProxy)进行本地数据测试,...

    extjs4 开发的部分纯静态页面

    博文链接指向的是一个ITEYE博客文章,虽然具体内容无法在当前环境中查看,但我们可以推测博主可能分享了关于如何使用ExtJS 4开发静态页面的技巧、示例代码或者常见问题解决方案。 在压缩包的文件名称列表中,我们有...

    Extjs4 api

    ExtJS 4 API 是一套强大的JavaScript前端框架,用于构建富客户端Web应用。它提供了一整套组件、布局、数据绑定和事件处理机制,使得...同时,掌握好文档阅读技巧,能让你在遇到问题时迅速找到解决方案,提升开发效率。

    ExtJS编写的youtube视频播放组件 示例

    ExtJS 是一个强大的JavaScript库,主要用于构建富客户端的Web应用程序...5. 将外部API(如YouTube API)集成到ExtJS组件中的技巧。 通过深入研究这个示例,开发者可以进一步提升在ExtJS环境中构建复杂Web应用的能力。

    Extjs3.0 pdf

    最后,文档可能包含一些最佳实践和性能优化技巧,帮助开发者编写高效且响应迅速的应用。同时,调试和扩展ExtJS应用的方法也是不可或缺的部分,比如如何利用开发工具进行问题定位和代码调试。 总的来说,“深入浅出 ...

Global site tag (gtag.js) - Google Analytics