ExtJs使用心得

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]

};
http://www.cnblogs.com/petali/archive/2009/01/22/1380108.html