Ext中高级搜索之后不能store不能加载最新的数据源

ws_hgo 2010-08-23 11:24:35
 //高级搜索弹出层
var Search_Window = new Ext.Window({
collapsible: true,
maximizable: true,
minWidth: 300,
minHeight: 180,
width:386,
height:250,
modal:true,
title:'高级搜索对话框',
closeAction:"hide",
layout: 'fit',
plain: true,
bodyStyle: 'padding:5px;',
buttonAlign: 'center',
items: Search_Panel,
buttons: [{
text: '提交',
handler:function(){

var IndustryNum=Search_Panel.getForm().findField('IndustryNum').getValue();
var UserName=Ext.getCmp("cbxj").getValue()
var RoleName=Search_Panel.getForm().findField('RoleName').getValue();
// var RoleName="";
var Sex=Search_Panel.getForm().findField('Sex').getValue();
var IP1=Search_Panel.getForm().findField('IP1').getValue();
var IP2=Search_Panel.getForm().findField('IP2').getValue();


jsonData= {operatype:'Express_find',IndustryNum:IndustryNum,UserName:UserName,RoleName:RoleName,Sex:Sex,IP1:IP1,IP2:IP2};
Search_Window.hide();
CodeOperaSearch('../../WebUI/UserManage/UserManage.aspx',jsonData);
store.reload();
grid.store.reload();



}
},{
text: '关闭',
handler:function(){Search_Window.hide();}

}]
});

//高级搜索后台程序
var CodeOperaSearch=function(u,p){
var conn=new Ext.data.Connection();
conn.request({
url:u,
params:p,
method:'post',
scope:this,
callback:function(options,success,response){

if(success){
//

//Ext.MessageBox.alert('Info',response.responseText);
//store:response.responseText;这里的response.responseText是我查询之后我想要的信息,但是页面上面
//不能重新加载我的数据源
store.reload();
grid.store.reload();
}
else{

Ext.MessageBox.alert("提示","所提交的操作失败!");
Ext.MessageBox.alert('Info',response.responseText);
}

}});};
...全文
453 26 打赏 收藏 转发到动态 举报
写回复
用AI写文章
26 条回复
切换为时间正序
请发表友善的回复…
发表回复
ws_hgo 2010-08-24
  • 打赏
  • 举报
回复
[Quote=引用 25 楼 ibm_hoojo 的回复:]
引用 24 楼 ws_hgo 的回复:

已经解决啦
当为空的时候
此时后台解析的json与store解析不一样所以报错
只要把后台当数据源为空的时候数据源解析的和前台的store一样即可

……
[/Quote]

你说的那个我还是没有成功!
kakaroot_cl兄弟的方法成功!
hoojo 2010-08-24
  • 打赏
  • 举报
回复
[Quote=引用 24 楼 ws_hgo 的回复:]

已经解决啦
当为空的时候
此时后台解析的json与store解析不一样所以报错
只要把后台当数据源为空的时候数据源解析的和前台的store一样即可
[/Quote]
……
ws_hgo 2010-08-24
  • 打赏
  • 举报
回复
已经解决啦
当为空的时候
此时后台解析的json与store解析不一样所以报错
只要把后台当数据源为空的时候数据源解析的和前台的store一样即可
ws_hgo 2010-08-24
  • 打赏
  • 举报
回复
kakaroot_cl
兄弟
我发现了一个问题
当我搜索条件过滤之后没有查到任何信息这种情况下

页面就报错啦!
并且页面的信息(如果后台没有任何信息的话前台应该显示为空!),此时并不为空

错误信息是:
行:8
字符:99973
错误:语法错误

我页面第8行是:
没有任何信息
7行: <link rel="stylesheet" type="text/css" href="../../ext-3.1.0/resources/css/ext-all.css" />

9行: <script type="text/javascript" src="../../ext-3.1.0/adapter/ext/ext-base.js"></script>

11行: <script type="text/javascript" src="../../ext-3.1.0/ext-all.js"></script>
ws_hgo 2010-08-23
  • 打赏
  • 举报
回复
[Quote=引用 7 楼 ibm_hoojo 的回复:]
CSS code
buttons: [{
text: '提交',
handler:function(){

var IndustryNum=Search_Panel.getForm().findField('IndustryNum').getValue();
……
[/Quote]
还是得不到查询的效果
alert(Search_Panel.getForm().getValues() + "-" + Ext.encode(Search_Panel.getForm().getValues()));
alert出来的是对的
asdujiayong 2010-08-23
  • 打赏
  • 举报
回复
1高级收索返回的数据结构应当和第一次加载时的数据结构相同,这样才能成功loadData();
2建议这样的操作可以直接把参数传给store,直接到后台去查
hoojo 2010-08-23
  • 打赏
  • 举报
回复
buttons: [{
text: '提交',
handler:function(){

var IndustryNum=Search_Panel.getForm().findField('IndustryNum').getValue();
var UserName=Ext.getCmp("cbxj").getValue()
var RoleName=Search_Panel.getForm().findField('RoleName').getValue();
// var RoleName="";
var Sex=Search_Panel.getForm().findField('Sex').getValue();
var IP1=Search_Panel.getForm().findField('IP1').getValue();
var IP2=Search_Panel.getForm().findField('IP2').getValue();
//这里拿到值没有这么麻烦
alert(Search_Panel.getForm().getValues() + "-" + Ext.encode(Search_Panel.getForm().getValues()));
alert(Search_Panel.getForm().getValues(true) + "-" + Ext.encode(Search_Panel.getForm().getValues(true)));//看看true、false的不同效果
jsonData= {operatype:'Express_find',IndustryNum:IndustryNum,UserName:UserName,RoleName:RoleName,Sex:Sex,IP1:IP1,IP2:IP2};
Search_Window.hide();
CodeOperaSearch('../../WebUI/UserManage/UserManage.aspx',jsonData);//这里的ajax方法可以忽略不用,直接用reload方法查询即可
grid.store.baseParams = jsonData;//添加查询参数
store.reload();
grid.store.reload();
//前提grid对象是你查询的grid,store能够正确拿到


}
}
zoujp_xyz 2010-08-23
  • 打赏
  • 举报
回复
grid.getStore().reload();
ws_hgo 2010-08-23
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 asdujiayong 的回复:]
引用 2 楼 ws_hgo 的回复:
引用 1 楼 fendy5201 的回复:
是不是有缓存呢。先清空缓存再加载数据试试看。

肯定不是这个问题

我的问题是我的response.responseText已经得到了最新的json格式的数据源
如何重新绑定到store上面然后再gridpanel中显示


JScript code
哦,loadData( Object dat……
[/Quote]

试了的不行
asdujiayong 2010-08-23
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 ws_hgo 的回复:]
引用 1 楼 fendy5201 的回复:
是不是有缓存呢。先清空缓存再加载数据试试看。

肯定不是这个问题

我的问题是我的response.responseText已经得到了最新的json格式的数据源
如何重新绑定到store上面然后再gridpanel中显示
[/Quote]
哦,loadData( Object data, [Boolean append] ) 用这个load下本地数据源
asdujiayong 2010-08-23
  • 打赏
  • 举报
回复
store.reload();
grid.store.reload();
你这个方法应当发出了5个请求了,会不会把之前的给覆盖了...
ws_hgo 2010-08-23
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 fendy5201 的回复:]
是不是有缓存呢。先清空缓存再加载数据试试看。
[/Quote]
肯定不是这个问题

我的问题是我的response.responseText已经得到了最新的json格式的数据源
如何重新绑定到store上面然后再gridpanel中显示
mark620 2010-08-23
  • 打赏
  • 举报
回复
是不是有缓存呢。先清空缓存再加载数据试试看。
kakaroot_cl 2010-08-23
  • 打赏
  • 举报
回复
//CodeOperaSearch('../../WebUI/UserManage/UserManage.aspx',jsonData);//这里的ajax方法可以忽略不用,直接用reload方法查询即可 注释了,如果用下面的方法,这个是必须的
grid.store.baseParams = jsonData;//添加查询参数
store.reload();
grid.store.reload();
任选其一
ws_hgo 2010-08-23
  • 打赏
  • 举报
回复
谢谢
测试可以啦
顺便请教个问题
你看 10楼兄弟说的

怎么用 grid.store.baseParams = jsonData;//添加查询参数
实现同样的效果啊
kakaroot_cl 2010-08-23
  • 打赏
  • 举报
回复
加个前提

load,reload你每调用一次就访问一次后台
加个条件:当然store得有访问后台的url
kakaroot_cl 2010-08-23
  • 打赏
  • 举报
回复
如果返回的数据格式正确可以不写Ext.util.JSON.decode(),加上也没问题,无影响
如果格式不正确,就得需要这个了
loadData是加载本地数据,你已经通过请求得到了数据,response.responseText这此时就相当于本地数据

如果response.responseText这个数据alert出来的就是你想要的,直接loadData就行了
grid会自己显示的,不需要在load或者reload


load,reload你每调用一次就访问一次后台



ws_hgo 2010-08-23
  • 打赏
  • 举报
回复
请教下17楼的兄弟
我的这个地方
response.responseText
返回的是JSON
为什么还要在这个地方Ext.util.JSON.decode(response.responseText)下
//还有loadData()是重新加载store的数据源码?
store.loadData(Ext.util.JSON.decode(response.responseText));
kakaroot_cl 2010-08-23
  • 打赏
  • 举报
回复
jsonData= {operatype:'Express_find',IndustryNum:IndustryNum,UserName:UserName,RoleName:RoleName,Sex:Sex,IP1:IP1,IP2:IP2};
Search_Window.hide();
CodeOperaMethod('../../WebUI/UserManage/UserManage.aspx',jsonData);-->访问了一次后台
grid.store.baseParams = jsonData;//添加查询参数
grid.store.reload();--->又访问了一次后台

CodeOperaMethod(...),这个方法又访问了2次后台


改:CodeOperaMethod({
...
callback:function(options,success,response){

if(success){
//

//Ext.MessageBox.alert('Info',response.responseText);
//store:response.responseText;这里的response.responseText是我查询之后我想要的信息,但是页面上面
//不能重新加载我的数据源
store.loadData(Ext.util.JSON.decode(response.responseText));
}


}
方法后面的
store.reload();
grid.store.reload();
全部干掉
ws_hgo 2010-08-23
  • 打赏
  • 举报
回复
下面是我后台的代码

 switch (GetFormValue("operatype"))
{
case "AddUser":
userEnt.UserName = GetFormValue("UserName");
userEnt.IndustryNum = GetFormValue("IndustryNum");
userEnt.UserPwd = Utility.Utility.Md5Encrypt(GetFormValue("UserPwd"));
userEnt.Department = GetFormValue("Department");
userEnt.UserType = GetFormValue("UserType");
userEnt.Tel = GetFormValue("Tel");
userEnt.Sex = GetFormValue("Sex") == "1" ? "男" : "女";
userEnt.IP1 = GetFormValue("IP1");
userEnt.IP2 = GetFormValue("IP2");
userEnt.UserID = Guid.NewGuid().ToString();
try
{
new Business.User.UserInfo().Add(userEnt);
// Bind();
Response.Write("{success:true}");
}
catch { Response.Write("{failure:true}"); }

Response.End();
break;
case "Express_find":
//这个是查询搜索的
//如果请求的是用户名称的话所请求的值就是UserID,否则就是UserName
string Where="UserID="+"'"+GetFormValue("UserName")+"'";
UserName = GetFormValue("UserName").Length == 36 ? UserMethod.GetDataByOption("Users", Where).Rows[0]["UserName"].ToString() : GetFormValue("UserName");
IndustryNum = GetFormValue("IndustryNum");
Sex = GetFormValue("Sex") == "1" ? "男" : "女";
IP1 = GetFormValue("IP1");
IP2 = GetFormValue("IP2");
RoleName = GetFormValue("RoleName");
//这是经过查询过滤之后最后的结果,我刚才调试了的,确实是我要的结果
DataTable DT = UserMethod.GetUserByWhere(UserName, IndustryNum, Sex, IP1, IP2, RoleName);
Response.Write(JSONHelper.DataTable2Json(DT));
Response.Write("{success:true}");
Response.End();

break;
加载更多回复(6)
目录 前 言 第一部分 Ext Core 第1章 Ext Core重要概念 2 1.1 Ext.Element 2 1.1.1 获取HTMLElement节点的Ext.Element实例 2 1.1.2 CSS样式操作 3 1.1.3 DOM查询与遍历 4 1.1.4 DOM操作 6 1.1.5 事件处理 9 1.1.6 尺寸大小 13 1.1.7 定位功能 14 1.1.8 动画功能 16 1.1.9 杂项 19 1.2 Ext Core的Ajax功能 19 1.3 DomQuery详解 20 1.4 模板介绍 23 1.5 实用功能 24 1.6 定时执行代码 25 1.7 本章小结 26 第2章 Ext Core实例系统设计 27 2.1 需求分析 27 2.2 系统设计 28 2.3 功能结构图 29 2.4 开发与运行环境 31 2.5 数据库设计 31 2.6 本章小结 34 第3章 Ext Core实例—.NET语言实现 35 3.1 创建应用并设置开发环境 35 3.2 自定义Membership提供程序 37 3.3 创建母版页 38 3.4 首页设计 42 3.5 产品列表页 47 3.6 产品详细信息页 51 3.7 登录对话框 56 3.8 用户注册对话框 61 3.9 购物车对话框 65 3.10 结算 70 3.11 为产品详细页添加评论 77 3.12 本章小结 84 第4章 Ext Core实例—Java语言实现 85 4.1 技术选型 85 4.2 搭建开发环境 85 4.3 设计页面布局 87 4.4 网上商店首页 90 4.5 产品列表页面 98 4.6 产品详细信息页面 105 4.7 登录对话框 113 4.8 用户注册对话框 118 4.9 购物车对话框 123 4.10 结算页面 126 4.11 为产品添加评论功能 133 4.12 本章小结 139 第二部分 Store和Direct 第5章 在.NET中使用Ext.Direct 142 5.1 路由器包的内容 142 5.2 DIY一个Ext.Direct实例 152 5.3 NewtonSoft.JSON 155 5.3.1 JSON的序列化和反序列化 155 5.3.2 LINQ to JSON 158 5.3.3 JSON文本的输出 162 5.4 本章小结 163 第6章 在Java中使用Ext.Direct 164 6.1 在Java平台上配置Ext.Direct 164 6.1.1 下载directjngine 164 6.1.2 配置主控servlet 165 6.1.3 配置客户端 170 6.1.4 编写JavaScript调用远程方法 172 6.2 为Ext.Direct自定义远程方法 173 6.3 Ext.Direct中的高级应用 178 6.3.1 批量请求和批量响应 178 6.3.2 在tree中使用Ext.Direct 181 6.3.3 为grid设置DirectStore 183 6.3.4 在form中使用Ext.Direct加载数据 185 6.3.5 在form中使用Ext.Direct提交数据 187 6.3.6 使用polling方式进行轮询 189 6.4 本章小结 191 第7章 Store 192 7.1 Store的结构 192 7.2 Ext.data.Field 197 7.3 Ext.data.Record 198 7.4 ArrayReader、JsonReader和XmlReader 199 7.4.1 JsonReader 200 7.4.2 ArrayReader 200 7.4.3 XmlReader 201 7.5 Store加载数据 201 7.6 Store的数据操作 203 7.6.1 添加数据 203 7.6.2 删除数据 203 7.6.3 搜索、定位和统计 203 7.6.4 更新数据 206 7.6.5 排序 207 7.7 DataProxy 208 7.8 DirectStore 209 7.9 DataWriter 212 7.10 Ext.data.Api 212 7.11 本章小结 213 第三部分 Ext-UI 第8章 Ext用户界面控件 216 8.1 布局 216 8.1.1 在FormPanel中使用HBoxLayout进行布局 216 8.1.2 在FormPanel中使用HBoxLayout和VBoxLayout进行布局 219 8.1.3 Panel的body的样式范围 224 8.2 Form表单组件 226 8.2.1 DisplayField控件 226 8.2.2 在FormPanel中使用TabPanel 229 8.2.3 DirectLoad与DirectSubmit 232 8.2.4 使用DirectSubmit上传文件 235 8.3 Grid组件 238 8.3.1 一个结合DataWrite和RowEditor的Grid示例 238 8.3.2 在CRUD操作中restful的设置以及使用Ext.Direct的问题 247 8.4 ListView控件 248 8.5 本章小结 251 第四部分 Ext 扩展和Ext插件 第9章 Ext 扩展 254 9.1 利用Ext.extend实现继承 254 9.2 与Ext扩展相关的预备知识 256 9.2.1 定义命名空间 256 9.2.2 重写构造函数 257 9.2.3 继承组件的一些准备 257 9.2.4 常用的辅助函数 258 9.2.5 使用xtype 258 9.3 实现一个功能完整的增、删、查、改表格控件 259 9.3.1 扩展GridPanel 259 9.3.2 配置列模型 259 9.3.3 配置显示数据 260 9.3.4 点缀EasyGrid 261 9.3.5 实现添加一条记录的功能 262 9.3.6 实现修改一条记录的功能 264 9.3.7 实现删除一条记录的功能 266 9.4 从头实现 Ext扩展 270 9.5 本章小结 274 第10章 Ext插件 275 10.1 插件的用法 275 10.2 标签页右键菜单TabCloseMenu 276 10.3 面板最大化MaximizeTool 278 10.4 分页设置PageSizePlugin 282 10.5 行数据扩展RowExpander 284 10.6 本章小结 290 第五部分 调试 第11章 调试 292 11.1 测试Ext.Element的功能 292 11.1.1 获取Ext.Element实例 292 11.1.2 测试CSS样式操作 294 11.1.3 测试DOM操作 296 11.1.4 测试DOM查询与遍历 300 11.1.5 测试事件处理 302 11.2 结合DataWrite和RowEditor的Grid的调试过程 303 11.3 本章小结 306 第六部分 实例 第12章 单页面应用实例系统分析 308 12.1 系统分析 308 12.2 系统设计 308 12.2.1 单页面应用设计的难点 308 12.2.2 开发与运行环境 309 12.2.3 数据库设计 309 12.3 各个模块的详细功能说明 311 12.3.1 登录页面 311 12.3.2 主页面 311 12.3.3 角色管理 311 12.3.4 用户管理 312 12.3.5 进仓管理 312 12.3.6 出仓管理 313 12.3.7 产品管理 313 12.3.8 库存统计 314 12.3.9 修改密码 314 12.4 本章小结 314 第13章 单页面应用实例—.NET语言实现 315 13.1 创建应用并设置开发环境 315 13.2 自定义Membership提供程序 317 13.3 登录页 319 13.4 主页面 324 13.5 Ext.Direct的API句柄 329 13.6 修改密码对话框 330 13.7 角色管理模块 333 13.8 用户管理 345 13.9 产品管理 356 13.10 进仓管理 367 13.11 出仓管理 388 13.12 库存统计 403 13.13 退出页 407 13.14 权限设置 408 13.15 本章小结 409 第14章 单页面应用实例——Java语言实现 410 14.1 技术选型 410 14.2 搭建开发环境 411 14.3 配置Ext.Direct 413 14.4 用户登录页面 417 14.5 系统主页面与动态菜单 421 14.6 用户管理模块 427 14.7 角色管理模块 439 14.8 产品管理模块 447 14.9 进仓管理模块 450 14.10 出仓管理模块 460 14.11 库存统计模块 474 14.12 用户修改密码窗口 479 14.13 用户注销 482 14.14 本章小结 483
《精通JS脚本之ExtJS框架》由浅入深地讲解了ExtJS在Web开发中的相关技术。本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、对Ajax的支持以及如何调试等。最后利用一个商品信息管理系统和一个企业任务管理系统,向读者演示了ExtJS在实际项目中的应用以及实现流程。   《精通JS脚本之ExtJS框架》附有配套光盘,提供了书中实例的源代码和视频教学文件。此外,读者还可以通过访问itzcn网站来获得即时在线帮助。   《精通JS脚本之ExtJS框架》可以作为Web开发的自学参考书,也可以作为RIA Web程序开发的培训教材。 第1章 JavaScript入门必备 1.1 JavaScript语言概述 1.1.1 JavaScript简介 1.1.2 JavaScript特点 1.1.3 JavaScript与Java 1.2 第一个JavaScript程序 1.2.1 嵌入JavaScript 1.2.2 链接外部JavaScript文件 1.2.3 注意事项 1.3 基础语法 1.3.1 数据类型 1.3.2 变量与常量 1.3.3 运算符 1.4 流程控制语句 1.4.1 if条件语句 1.4.2 switch条件语句 1.4.3 while循环语句 1.4.4 do while循环语句 1.4.5 for循环语句 1.4.6 for in循环语句 1.4.7 try catch finally语句 1.4.8 其他语句 第2章 JavaScript浏览器对象模型与事件处理 2.1 浏览器对象模型 2.1.1 文档对象 2.1.2 表单及其元素对象 2.1.3 浏览器信息对象 2.1.4 窗口对象 2.1.5 网址对象 2.1.6 历史记录对象 2.2 基本事件处理 2.3 2级DOM事件模型 2.3.1 事件传播 2.3.2 注册事件处理程序 2.3.3 event对象 2.4 常用事件 2.4.1 键盘事件 2.4.2 鼠标事件 2.4.3 页面事件 第3章 开始使用ExtJS 3.1 ExtJS概述 3.1.1 ExtJS简介 3.1.2 ExtJS中的基本概念 3.1.3 ExtJS与常见JavaScript库的介绍与对比 3.2 创建第一个程序 3.2.1 下载ExtJS 3.2.2 部署到开发工具中 3.2.3 编写HelloWorld.html 3.2.4 运行调试ExtJS 3.3 辅助开发 3.3.1 调试工具Firebug 3.3.2 开发利器Spket 第4章 ExtJS事件机制 4.1 设计模式——观察者模式 4.2 自定义事件 4.3 浏览器事件 4.4 ExtJS中的事件 4.4.1 Function.call()/apply()方法 4.4.2 函数的作用域 4.4.3 Ext.lib.Event事件 4.4.4 Ext.util.Observable事件 4.4.5 Ext.EventManager事件 4.4.6 Ext.EventObject事件 4.5 各种事件登记方式 4.5.1 传统式登记 4.5.2 内联式登记 4.5.3 Dom Level2登记 4.6 高级组件事件 4.7 ExtJS键盘事件 第5章 ExtJS组件 5.1 核心组件 5.1.1 ExtJS组件结构 5.1.2 Ext.Component 5.1.3 Ext.BoxComponent 5.1.4 Ext.Container 5.1.5 Ext.Panel 5.1.6 Ext.TabPanel 5.2 信息提示框组件 5.2.1 Ext.MessageBox简介 5.2.2 Ext.MessageBox.alert() 5.2.3 Ext.MessageBox.confirm() 5.2.4 Ext.MessageBox.prompt() 5.2.5 Ext.MessageBox.wait() 5.2.6 Ext.MessageBox.show() 5.2.7 Ext.MessageBox的其他功能 5.3 进度条组件 5.3.1 Ext.ProgressBar简介 5.3.2 手工模式的进度条 5.3.3 自动模式的进度条 5.3.4 自定义样式的进度条 5.4 工具栏和菜单栏 5.4.1 Ext.Toolbar简介 5.4.2
《精通JS脚本之ExtJS框架》由浅入深地讲解了ExtJS在Web开发中的相关技术。本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、对Ajax的支持以及如何调试等。最后利用一个商品信息管理系统和一个企业任务管理系统,向读者演示了ExtJS在实际项目中的应用以及实现流程。   《精通JS脚本之ExtJS框架》附有配套光盘,提供了书中实例的源代码和视频教学文件。此外,读者还可以通过访问itzcn网站来获得即时在线帮助。   《精通JS脚本之ExtJS框架》可以作为Web开发的自学参考书,也可以作为RIA Web程序开发的培训教材。 第1章 JavaScript入门必备 1.1 JavaScript语言概述 1.1.1 JavaScript简介 1.1.2 JavaScript特点 1.1.3 JavaScript与Java 1.2 第一个JavaScript程序 1.2.1 嵌入JavaScript 1.2.2 链接外部JavaScript文件 1.2.3 注意事项 1.3 基础语法 1.3.1 数据类型 1.3.2 变量与常量 1.3.3 运算符 1.4 流程控制语句 1.4.1 if条件语句 1.4.2 switch条件语句 1.4.3 while循环语句 1.4.4 do while循环语句 1.4.5 for循环语句 1.4.6 for in循环语句 1.4.7 try catch finally语句 1.4.8 其他语句 第2章 JavaScript浏览器对象模型与事件处理 2.1 浏览器对象模型 2.1.1 文档对象 2.1.2 表单及其元素对象 2.1.3 浏览器信息对象 2.1.4 窗口对象 2.1.5 网址对象 2.1.6 历史记录对象 2.2 基本事件处理 2.3 2级DOM事件模型 2.3.1 事件传播 2.3.2 注册事件处理程序 2.3.3 event对象 2.4 常用事件 2.4.1 键盘事件 2.4.2 鼠标事件 2.4.3 页面事件 第3章 开始使用ExtJS 3.1 ExtJS概述 3.1.1 ExtJS简介 3.1.2 ExtJS中的基本概念 3.1.3 ExtJS与常见JavaScript库的介绍与对比 3.2 创建第一个程序 3.2.1 下载ExtJS 3.2.2 部署到开发工具中 3.2.3 编写HelloWorld.html 3.2.4 运行调试ExtJS 3.3 辅助开发 3.3.1 调试工具Firebug 3.3.2 开发利器Spket 第4章 ExtJS事件机制 4.1 设计模式——观察者模式 4.2 自定义事件 4.3 浏览器事件 4.4 ExtJS中的事件 4.4.1 Function.call()/apply()方法 4.4.2 函数的作用域 4.4.3 Ext.lib.Event事件 4.4.4 Ext.util.Observable事件 4.4.5 Ext.EventManager事件 4.4.6 Ext.EventObject事件 4.5 各种事件登记方式 4.5.1 传统式登记 4.5.2 内联式登记 4.5.3 Dom Level2登记 4.6 高级组件事件 4.7 ExtJS键盘事件 第5章 ExtJS组件 5.1 核心组件 5.1.1 ExtJS组件结构 5.1.2 Ext.Component 5.1.3 Ext.BoxComponent 5.1.4 Ext.Container 5.1.5 Ext.Panel 5.1.6 Ext.TabPanel 5.2 信息提示框组件 5.2.1 Ext.MessageBox简介 5.2.2 Ext.MessageBox.alert() 5.2.3 Ext.MessageBox.confirm() 5.2.4 Ext.MessageBox.prompt() 5.2.5 Ext.MessageBox.wait() 5.2.6 Ext.MessageBox.show() 5.2.7 Ext.MessageBox的其他功能 5.3 进度条组件 5.3.1 Ext.ProgressBar简介 5.3.2 手工模式的进度条 5.3.3 自动模式的进度条 5.3.4 自定义样式的进度条 5.4 工具栏和菜单栏 5.4.1 Ext.Toolbar简介 5.4.2 只包含按钮的简单工具栏 5.4.3 包含多种元素的复杂工具栏 5.4.4 Ext.menu.Menu简介 5.4.5 最简单的菜单栏 5.4.6 创建三级或多级菜单 5.4.7 具有选择框的菜单 第6章 页面元素与模板 6.1 构成用户界面的元素 6.2 获取页面元素 6.3 元素常见的使用方法 6.3.1 常见的“显示/隐藏”方法 6.3.2 常见的“内容控制”方法 6.3.3 常见的“操控DOM”方法 6.3.4 常见的“尺寸大小/定位”方法 6.3.5 常见的“特效动画”方法 6.3.6 DomHelper简介 6.4 DomQuery入门 6.4.1 元素选择符Selector 6.4.2 属性选择符Attributes Selectors 6.4.3 CSS值元素选择符 6.4.4 Ext.query与Ext.select 6.5 应用模板 6.5.1 Ext.Template 6.5.2 Ext.XTemplate 第7章 设计表单类布局 7.1 Form表单简介 7.1.1 Form表单的基本配置 7.1.2 ExtJS对Form表单的封装 7.2 ExtJS的表单组件 7.2.1 文本输入控件Ext.form.TextField 7.2.2 多行文本输入控件Ext.form.TextArea 7.2.3 单选框 7.2.4 复选框 7.2.5 下拉列表框 7.2.6 日期输入控件Ext.form.DateField 7.2.7 在线编辑器Ext.form.HtmlEditor 7.3 ExtJS表单组件的综合应用 第8章 设计表格类布局 8.1 表格简介 8.1.1 表格的基本属性 8.1.2 制作第一个表格 8.2 表格常用功能详解 8.2.1 主要属性功能 8.2.2 自定义列宽度 8.2.3 执行按列排序 8.2.4 解决中文排序 8.2.5 格式化显示日期类型数据 8.3 美化表格 8.4 设置表格背景颜色 8.5 显示行号和复选框 8.5.1 显示行号 8.5.2 引用复选框 第9章 表格的高级功能 9.1 表格视图——Ext.grid.GridView 9.2 表格分页 9.2.1 添加表格分页显示工具条 9.2.2 从后台脚本获得分页数据 9.2.3 在表格顶部显示分页工具条 9.2.4 实现前台分页效果 9.3 可编辑表格控件——EditorGrid 9.3.1 制作第一个EditorGrid 9.3.2 添加一行数据 9.3.3 保存修改结果 9.3.4 验证EditGrid中的数据 9.3.5 限制输入数据的类型 9.4 PropertyGrid属性表格控件 9.4.1 PropertyGrid简介 9.4.2 只读的PropertyGrid 9.4.3 对name列强制排序并获得value 9.4.4 自定义编辑器 9.5 分组表格控件——Group 9.5.1 分组表格简介 9.5.2 Ext.grid.GroupingView的配置操作 9.6 可拖放的表格 9.6.1 拖放改变表格的大小 9.6.2 在同一个表格里拖放 9.6.3 表格之间的拖放 9.6.4 表格与树之间的拖放 第10章 设计树状结构布局 10.1 TreePanel的基本使用 10.1.1 创建一棵树 10.1.2 为树生枝展叶 10.1.3 树形的配置 10.1.4 使用TreeLoader获得数据 10.1.5 读取本地JSON数据 10.2 树的事件 10.3 右键菜单 10.4 修改节点的默认图标 10.5 从节点弹出对话框 10.6 节点提示信息 10.7 为节点设置超链接 10.8 树形的拖放 10.8.1 节点拖放的3种形式 10.8.2 叶子不能append 10.8.3 判断拖放的目标 10.8.4 树之间的拖放 10.9 树形过滤器TreeFilter 10.10 利用TreeSorter对树进行排序 10.11 树形节点视图——Ext.tree.TreeNodeUI 10.12 表格与树形的结合——Ext.ux.tree.ColumnTree 第11章 其他布局类简介 11.1 标准布局类 11.1.1 折叠布局——AccordionLayout 11.1.2 边框布局——BorderLayout 11.1.3 卡片式布局——CardLayout 11.1.4 列布局——ColoumnLayout 11.1.5 锚点布局——AnchorLayout 11.1.6 自适应布局——FitLayout 11.1.7 ContainerLayout 11.2 与布局有关的其他知识 11.2.1 父类Ext.Container公共配置与xtype的概念 11.2.2 使用Viewport 11.2.3 实现表单元素横排 第12章 ExtJS对Ajax的支持 12.1 Ext.Ajax介绍 12.1.1 Ext.Ajax.request方法详解 12.1.2 Ext.Ajax.request操作示例 12.1.3 Ext.Ajax.request提交XML数据 12.2 Ext.Updater基础 12.2.1 Ext.Updater.update方法 12.2.2 Ext.Updater.update操作示例 12.3 利用Ajax优化Web应用框架 12.3.1 多级联动菜单 12.3.2 Ajax修改用户密码 12.3.3 自动保存的网络记事本 12.3.4 网页计算器 第13章 设计数据驱动模式 13.1 XML/JSON数据格式比较 13.2 容器类MixedCollection 13.3 数据存储基本单元Record与dataField 13.3.1 dataField 13.3.2 Record 13.4 数据存储store 13.4.1 数据载入 13.4.2 对数据进行排序 13.4.3 从store 中获取数据 13.4.4 更新store 中的数据 13.4.5 加载及显示数据 13.5 数据代理 13.5.1 Ext.data.DataProxy 13.5.2 Ext.data.MemoryProxy 13.5.3 Ext.data.HttpProxy 13.5.4 Ext.data.ScriptTagProxy 13.6 数据读取器 13.6.1 Ext.data.DataReader 13.6.2 Ext.data.ArrayReader 13.6.3 Ext.data.JsonReader 13.6.4 Ext.data.XmlReader 13.7 Ext.ux.DWR 13.7.1 Ext.data.DwrProxy 13.7.2 Ext.data.DWRTreeLoader 13.7.4 Web服务端配置 13.7.5 服务层接口 第14章 ExtJS扩展 14.1 利用Ext.extend实现继承 14.2 与ExtJS扩展相关的预备知识 14.2.1 定义命名空间 14.2.2 使用xtype 14.3 用户扩展和插件 14.3.1 编写自定义用户扩展 14.3.2 常用插件UploadDialog 14.3.3 常用插件ManagedIFrame 14.4 使用ExtJS制作Flash统计报表 14.4.1 柱状图 14.4.2 折线图 14.4.3 饼状图 14.4.4 柱状栈图 第15章 调试JavaScript与HTML 15.1 Firebug的基本使用 15.1.1 开启或关闭Firebug 15.1.2 控制台 15.2 Firebug的应用 15.2.1 源代码调试 15.2.2 CSS调试 15.2.3 脚本调试 15.3 跟踪网络传输状态 15.4 在脚本文件中加入调试命令 15.5 在IE中使用Firebug 15.5.1 前端调试利器DebugBar 15.5.2 IE下的优秀JavaScript调试工具Companion.JS 15.5.3 DebugBar和Companion.JS的基本操作 15.6 调试技巧 15.6.1 在Firebug中直接调试脚本 15.6.2 调试代码运行速度 15.6.3 查看对象属性 第16章 ExtJS案例:商品信息管理系统 16.1 商品信息管理系统功能介绍 16.2 数据库设计和实现 16.2.1 数据库概念结构设计 16.2.2 数据库表设计 16.3 为项目做好准备 16.4 登录界面 16.5 栏目加载 16.6 为项目换肤 16.7 商品信息管理 16.7.1 商品信息的查询 16.7.2 商品信息的添加 16.7.3 商品信息的删除 16.7.4 商品信息的更新 第17章 ExtJS案例:企业任务管理系统 17.1 系统概述 17.2 需求分析 17.3 数据库设计 17.4 员工任务管理 17.4.1 个人任务处理 17.4.2 个人资料编辑 17.5 主管任务管理 17.5.1 部门计划处理 17.5.2 部门人员管理 17.6 系统管理员权限分配
第一讲:extjs4.0概述和HELLO WORD程序 [01]EXTJS4.0的概述和HELLOWORD程序.wmv 第二讲:extjs4.0的新特性(附件较大做了分包压缩大家只要下载3个包运行001就ok了) [02]EXTJS4.0的新特性.003.zip (14.41M)[02]EXTJS4.0的新特性.002.zip (50.00M)[02]EXTJS4.0的新特性.001.zip 第三讲:extjs4.0数据模型--Model(附件较大做了分包压缩大家只要下载2个包运行001就ok了) [03]EXTJS4.0数据模型-Model.001.zip (70.00M)[03]EXTJS4.0数据模型-Model.002.zip (57.37M) 第四讲:extjs4.0的数据代理-Proxy [04]EXTJS4.0的数据代理-Proxy.002.zip [04]EXTJS4.0的数据代理-Proxy.001.zip 第五讲:extjs4.0的读写器reader,writer [05]EXTJS4.0的读写器reader,writer.wmv 第六讲:extjs4.0的数据集store [06]EXTJS4.0的数据集store.wmv (73.45M) 第七讲:extjs4.0的事件机制Event [07]EXTJS4.0的事件机制Event.001.zip (70.00M)[07]EXTJS4.0的事件机制Event.003.zip [07]EXTJS4.0的事件机制Event.002.zip 第八讲:extjs4.0的Ajax [08]EXTJS4.0的Ajax.003.zip (53.77M)[08]EXTJS4.0的Ajax.002.zip [08]EXTJS4.0的Ajax.001.zip 第九讲:extjs4.0的core包和Ext类 [09]EXTJS4.0的core包和Ext类.003.zip (60.22M)[09]EXTJS4.0的core包和Ext类.002.zip [09]EXTJS4.0的core包和Ext类.001.zip 第十讲:extjs4.0的util包 [10]EXTJS4.0的util包.001.zip (80.00M)[10]EXTJS4.0的util包.002.zip 第十一讲:extjs4.0的高级组件grid(上) 第十二讲:extjs4.0的MVC重构十一讲中的grid(中) 第十三讲:extjs4.0的高级组建grid(下)列模式 第十四讲:extjs4.0的高级组件grid补充01选择模式selection和表格特性feature 第十五讲:extjs4.0的高级组件grid补充02插件和其他相关知识 第十六讲:extjs4.0的高级组件tree上 第十七讲:extjs4.0的高级组件tree下 第十八讲:extjs4.0的高级组件tree+grid整合案例上 第十九讲:extjs4.0的高级组件tree+grid整合案例下 第二十讲:extjs4.0的高级组件tree+grid整合案例补充 第二十一讲:extjs4.0的高级组件form上 第二十二讲:extjs4.0的高级组件form中 第二十三讲:extjs4.0的高级组件form下 第二十四讲:extjs4.0的高级组件form补充01 第二十五讲:extjs4.0的高级组件form补充02 第二十六讲:extjs4.0的高级组件panel和layout上 第二十七讲:extjs4.0的高级组件panel和layout下 第二十八讲:extjs4.0的高级组件chart上 第二十九讲:extjs4.0的高级组件chart下 第三十讲:extjs4.0的desktop使用讲解

87,924

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧