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({
                        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来提交到服务器，然后再通过传回来的值来处理接下来的工作。

//提交到服务器
                            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]
    };