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框架的核心概念与实践技巧,还会从新手的角度出发,提炼出一系列有助于快速上手的学习策略,避免常见的学习陷阱,确保学习过程高效而有成效。...
ExtJS4.1学习心得及源码 目录 一、安装与配置 二、第一个ExtJS例子 三、表格 四、从XML读取数据表格 五、按钮 六、ComboBox控件 七、Panel面板 八、Viewport 九、表单Form 十、窗口 十一、消息对话框 十二...
最近我们在几个应用都使用到了ExtJS,对公司以前开发的一个OA 系统也正在使用ExtJS2.0 进行改造,使得整个系统在用户体验上有了非常大的变化。本教程记录了前段时间本人学习 ExtJS 的一些心得及小结,希望能帮助正在...
自己学习extjs的心得
本文将基于一份初学者的学习心得,详细介绍ExtJS的基础知识,并通过具体的示例来帮助理解如何使用ExtJS创建窗口(Window)和标签页(Tab Panel)。 #### 二、基础知识介绍 1. **Ext.onReady()** - 这个函数确保当DOM...
最近我们在几个应用都使用到了ExtJS,对公司以前开发的一个OA系统也正在使用ExtJS2.0进行改造,使得整个系统在用户体验上有了非常大的变化。本教程记录了前段时间本人学习ExtJS的一些心得及小结,希望能帮助正在学习...
最近我们在几个应用都使用到了ExtJS,对公司以前开发的一个OA系统也正在使用ExtJS2.0进行改造,使得整个系统在用户体验上有了非常大的变化。本教程记录了前段时间本人学习ExtJS的一些心得及小结,希望能帮助正在学习...
ExtJS是一个广泛使用的JavaScript库,特别适用于构建富客户端应用程序。在4.0版本中,它提供了许多强大的组件和工具,帮助开发者创建功能丰富的Web应用。本文将深入探讨Ext.util.Format.Number()函数,它是ExtJS 4.0...
本教程记录了前段时间本人学习 ExtJS 的一些心得及小结,希望能帮助正在学习或准备学习 ExtJS 的朋友们快速走进 ExtJS2.0 的精彩世界。教程包括 ExtJS 的新手入门、组件体系结构及使用、ExtJS 中各控件的使用方法及...
- **社区交流**:加入EXTJS社区论坛,与其他开发者交流经验心得。 - **开源项目**:参与GitHub上的EXTJS开源项目,贡献自己的力量。 综上所述,EXTJS 4.0不仅具备强大的功能和丰富的组件库,还拥有活跃的开发者社区...
Extjs4 Treegrid使用心得分享(经验篇) Extjs4 Treegrid是基于Ext JS框架的一个模块,用于创建树形结构的数据网格。Ext JS是一个成熟的、基于JavaScript的前端框架,它提供了一套丰富的UI组件,用来创建丰富的交互...
`Extjs学习笔记.docx` 可能是一位开发者或讲师整理的学习心得和笔记,可能包含了一些个人的理解、技巧、常见问题解答和解决方案。这种类型的文档通常会提供一些实战中的经验和见解,对于深化理解和解决问题可能非常...
本教程记录了前段时间本人学习ExtJS的一些心得及小结,希望能帮助正在学习或准备学习ExtJS的朋友们快速走进ExtJS2.0的精彩世界。 教程包括ExtJS的新手入门、组件体系结构及使用、ExtJS中各控件的使用方法及示例应用...
最近我们在几个应用都使用到了ExtJS,对公司以前开发的一个OA系统也正在使用ExtJS2.0进行改造,使得整个系统在用户体验上有了非常大的变化。本教程记录了前段时间本人学习ExtJS的一些心得及小结,希望能帮助正在学习...
4. **参与社区讨论**:加入ExtJS的社区论坛或社交媒体群组,与其他开发者交流心得,解决遇到的问题。 总之,ExtJS是一个功能强大且易用的前端框架,适合于构建复杂的Web应用程序。通过深入学习和实践,开发者可以...