`
jiaguwen123
  • 浏览: 413477 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

ExtJs使用心得

    博客分类:
  • EXT
 
阅读更多
ExtJs使用心得

   1. 关于Ext.Ajax.request

    Ext.Ajax.request可以通过定义success和failure属性来判断是否成功,并取出返回值,获取返回值的方法如下:(此方法 Ext.data.HttpProxy同样有效)

    *     先定义success和failure属性
    *     通过Ext.util.JSON.decode(response.responseText)来获取Json格式的数据


Ext.Ajax.request
Ext.Ajax.request({
                        url : 'url',
                        params : {
                            ID : record.data.ID
                        },
                        success : function(response, options) {
                            var txt=Ext.util.JSON.decode(response.responseText);
                           
                            if(txt.success)
                            {
                                Ext.Msg.show({
                                    title : '成功提示',
                                    msg : '删除成功!',
                                    buttons : Ext.Msg.OK,
                                    icon: Ext.MessageBox.INFO
                                });
                                Project_grid.getStore().remove(record);
                            }
                            else
                            {
                                Ext.Msg.show({
                                    title : '错误提示',
                                    msg : txt.msg,
                                    buttons : Ext.Msg.OK,
                                    icon : Ext.Msg.ERROR
                                });
                            }
                        },
                        failure : function() {
                            Ext.Msg.show({
                                title : '错误提示',
                                msg : '删除时发生错误!',
                                buttons : Ext.Msg.OK,
                                icon : Ext.Msg.ERROR
                            });
                        }
                    });



2、关于 Ext.FormPanel

    可以通过FormPanel.form.submit来提交到服务器,然后再通过传回来的值来处理接下来的工作。

form.submit
//提交到服务器
                            PformPanel.form.submit
                            (
                                {
                                    url:url,  //提交的页面路径
                                    method:'post',//提交方式为post
                                    //提交成功的回调函数
                                    success:function(form,action)
                                    {
                                        var flage = action.result.success;
                                        //如果服务器端传过来的数据为true则表示添加成功
                                        if (flage == true)
                                        {
                                            Ext.MessageBox.alert('恭喜','添加添加成功!');
                                            newWin.hide();
                                        }
                                    },
                                    //提交失败的回调函数
                                    failure:function()
                                    {
                                        Ext.Msg.alert('错误','服务器出现错误请稍后再试!');
                                    }
                                }
                            );



3、关于GridPanel自适应宽度和高度的问题

    GridPanel不能自适应宽度和高度,在使用时一般都是定义宽度和高度,为了解决此问题,网上有一些办法是通过函数来获取window的宽度和高度再处理,这里有一个比较简单的方法。

    将 GridPanel render到Panel去。

var project_panel = {
        id : 'dept-panel',
        border : false,
        layout : 'border',
        title:'项目管理系统',
        items : [Project_grid]
    };

分享到:
评论

相关推荐

    extjs 学习心得笔记

    在探讨《ExtJS学习心得笔记》这一主题时,我们不仅会深入理解ExtJS框架的核心概念与实践技巧,还会从新手的角度出发,提炼出一系列有助于快速上手的学习策略,避免常见的学习陷阱,确保学习过程高效而有成效。...

    ExtJS4.1学习心得及源码

    ExtJS4.1学习心得及源码 目录 一、安装与配置 二、第一个ExtJS例子 三、表格 四、从XML读取数据表格 五、按钮 六、ComboBox控件 七、Panel面板 八、Viewport 九、表单Form 十、窗口 十一、消息对话框 十二...

    extjs使用教程

    最近我们在几个应用都使用到了ExtJS,对公司以前开发的一个OA 系统也正在使用ExtJS2.0 进行改造,使得整个系统在用户体验上有了非常大的变化。本教程记录了前段时间本人学习 ExtJS 的一些心得及小结,希望能帮助正在...

    extjs心得 教程

    自己学习extjs的心得

    ExtJS学习心得

    本文将基于一份初学者的学习心得,详细介绍ExtJS的基础知识,并通过具体的示例来帮助理解如何使用ExtJS创建窗口(Window)和标签页(Tab Panel)。 #### 二、基础知识介绍 1. **Ext.onReady()** - 这个函数确保当DOM...

    ExtJS2.0实用简明教程

    最近我们在几个应用都使用到了ExtJS,对公司以前开发的一个OA系统也正在使用ExtJS2.0进行改造,使得整个系统在用户体验上有了非常大的变化。本教程记录了前段时间本人学习ExtJS的一些心得及小结,希望能帮助正在学习...

    extjs使用手册

    最近我们在几个应用都使用到了ExtJS,对公司以前开发的一个OA系统也正在使用ExtJS2.0进行改造,使得整个系统在用户体验上有了非常大的变化。本教程记录了前段时间本人学习ExtJS的一些心得及小结,希望能帮助正在学习...

    ExtJs4.0 使用心得@1 Ext.util.Format.Number()

    ExtJS是一个广泛使用的JavaScript库,特别适用于构建富客户端应用程序。在4.0版本中,它提供了许多强大的组件和工具,帮助开发者创建功能丰富的Web应用。本文将深入探讨Ext.util.Format.Number()函数,它是ExtJS 4.0...

    ExtJS实用开发指南

    本教程记录了前段时间本人学习 ExtJS 的一些心得及小结,希望能帮助正在学习或准备学习 ExtJS 的朋友们快速走进 ExtJS2.0 的精彩世界。教程包括 ExtJS 的新手入门、组件体系结构及使用、ExtJS 中各控件的使用方法及...

    EXTJS4.0视频教程 30集 下载地址

    - **社区交流**:加入EXTJS社区论坛,与其他开发者交流经验心得。 - **开源项目**:参与GitHub上的EXTJS开源项目,贡献自己的力量。 综上所述,EXTJS 4.0不仅具备强大的功能和丰富的组件库,还拥有活跃的开发者社区...

    Extjs4 Treegrid 使用心得分享(经验篇)

    Extjs4 Treegrid使用心得分享(经验篇) Extjs4 Treegrid是基于Ext JS框架的一个模块,用于创建树形结构的数据网格。Ext JS是一个成熟的、基于JavaScript的前端框架,它提供了一套丰富的UI组件,用来创建丰富的交互...

    Extjs3.4+Ext-core.pdf+轻松搞定Extjs.pdf

    `Extjs学习笔记.docx` 可能是一位开发者或讲师整理的学习心得和笔记,可能包含了一些个人的理解、技巧、常见问题解答和解决方案。这种类型的文档通常会提供一些实战中的经验和见解,对于深化理解和解决问题可能非常...

    ExtJS实用开发指南 rar

    本教程记录了前段时间本人学习ExtJS的一些心得及小结,希望能帮助正在学习或准备学习ExtJS的朋友们快速走进ExtJS2.0的精彩世界。 教程包括ExtJS的新手入门、组件体系结构及使用、ExtJS中各控件的使用方法及示例应用...

    ExtJS实用简明教程

    最近我们在几个应用都使用到了ExtJS,对公司以前开发的一个OA系统也正在使用ExtJS2.0进行改造,使得整个系统在用户体验上有了非常大的变化。本教程记录了前段时间本人学习ExtJS的一些心得及小结,希望能帮助正在学习...

    ExtJS Web应用程序开发指南(第2版).pdf 高清下载

    4. **参与社区讨论**:加入ExtJS的社区论坛或社交媒体群组,与其他开发者交流心得,解决遇到的问题。 总之,ExtJS是一个功能强大且易用的前端框架,适合于构建复杂的Web应用程序。通过深入学习和实践,开发者可以...

Global site tag (gtag.js) - Google Analytics