- 浏览: 701035 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (239)
- 系统架构设计 (16)
- java collection framework (2)
- java分布式 (4)
- java多线程 (0)
- 故障处理及调优 (16)
- 软件开发过程及管理 (28)
- OS (5)
- 常用算法 (3)
- design pattern (8)
- transaction (7)
- java apps (48)
- corejava (7)
- java and DB (10)
- cache (0)
- webservice (14)
- web前端 (25)
- 报表 (4)
- 日志系统设计 (3)
- Oracle (4)
- mysql (11)
- xml (11)
- 数据源配置管理 (3)
- 企业数据存储 (4)
- php (2)
- 测试 (1)
最新评论
-
orangebook:
对于初学者来说,这样编写可能会误导,理解更烦锁。
观察者模式(发布-订阅) -
liudajiang:
呵呵 startThreads(rand ...
实践缩小Java synchronized 粒度 -
zengwenbo5566:
谢谢博主,学习了
解决getOutputStream() has already been called for this response -
u011335423:
大神厉害啊 可以了
解决getOutputStream() has already been called for this response -
xiang37:
...
解决getOutputStream() has already been called for this response
项目中遇到一个问题:双击导航栏树节点,根据该树节点的属性ID在开班计划列表界面上查询。见下图:
1.难点:怎样实现基础参数的动态赋值?
1.1逻辑分析
初次加载页面时,没有节点被选中,查询store的baseParams应该不赋值。
有节点被选中时,查询store的baseParams应该被赋予相应的值。
2.解决思路
初次加载页面时,没有节点被选中,查询store的baseParams赋值为0,查询不到任何结果。
有节点被选中时,双击树节点时,改变查询store的baseParams为应该被赋予相应的值。
3.代码
var _treeItem = new Ext.tree.TreePanel({ title : '导航栏', region : 'west', split : true, border : true, bodyStyle: 'background-color:#FFFFFF', collapsible : true, autoScroll : true, width : 180, minSize : 180, maxSize : 280, enableDD : true, el:"_treeItemDiv", id:"_treeItem", loader : new Ext.tree.TreeLoader({dataUrl :'itemData.jsp'}), listeners:{ 'dblclick':function(node,e){ var subjectID = node.attributes.id;//科目ID alert("科目ID = "+ subjectID); _storeJwClassInit.on('beforeload',function(){ Ext.apply( this.baseParams, { subjectID:subjectID }); }); _storeJwClassInit.removeAll(); _storeJwClassInit.load({params:{start:0,limit:20,subjectID:node.attributes.id}}); }, "contextmenu":function(node,e){ if(node.attributes.id == "0") { var nodemenu=new Ext.menu.Menu({ items:[ { text:"添加项目", iconCls:'icon-table-add', handler:function(){ _winBaseItemOpr.setTitle("项目管理-添加"); _winBaseItemOpr.show(); _panelBaseItemOpr.getForm().reset(); Ext.getCmp("iStudyBaseItemSuperiorItemId").setValue(node.attributes.id); Ext.getCmp("iStudyBaseItemShowIndex").setValue(node.childNodes.length+1); } } ] }); nodemenu.showAt(e.getPoint()); } else { var nodemenu=new Ext.menu.Menu({ items:[ { text:"删除项目", iconCls:'icon-minus', handler:function(){ } },{ text:"修改项目", iconCls:'icon-table-edit', handler:function(){ _winBaseItemOpr.setTitle("项目管理-浏览"); _winBaseItemOpr.show(); _panelBaseItemOpr.getForm().reset(); Ext.getCmp("iStudyBaseItemItemId").setValue(node.attributes.id); Ext.getCmp("iStudyBaseItemItemName").setValue(node.attributes.text); Ext.getCmp("iStudyBaseItemSuperiorItemId").setValue(node.attributes.superiorItemId); Ext.getCmp("iStudyBaseItemShowIndex").setValue(node.attributes.showIndex); Ext.getCmp("iStudyBaseItemInf").setValue(node.attributes.inf); } }] }); nodemenu.showAt(e.getPoint()); } } } }); var _rootItem = new Ext.tree.AsyncTreeNode({text:"教育在线",id:"0"}); _treeItem.setRootNode(_rootItem); var _panelOrg = new Ext.form.FormPanel({ collapsible:true, frame:true, width:pageWidth, height:pageHeight, items:[_treeItem], autoScroll:true }); _panelOrg.render("_panelItemDiv"); _rootItem.reload();
//初次加载时 _storeJwClassInit.load({ params: { start:0, limit:20 } }); _storeJwClassInit.on('beforeload',function(){ Ext.apply( this.baseParams, { subjectID:0 }); });
发表评论
-
div的显示与隐藏
2013-06-19 16:49 1049今天做个小功能(2009-3-6):将取得的数据显示在一js ... -
学习网页标准的5个步骤
2013-06-18 18:57 944我想每一个刚刚接触web标准的人都会问这样的问题,我就 ... -
request.getContextPath()详解
2013-06-18 18:56 954<%=request.getContextPath( ... -
MIMIE类型大全
2013-06-18 18:55 1034获取MIME:HttpContext.Current.Re ... -
js操作Dom生成动态表格
2010-07-15 17:19 1470项目中有个js的功能需求: 数据库表中有两个字段记录数据的两 ... -
eclipse+ext+spket安装
2010-07-07 16:25 1931参考网上相关文章,经过多次尝试才搞定这几个组合的安装,比较繁琐 ... -
Ajax简介
2010-06-30 15:14 9061、ajax技术的背景 ... -
js取服务器端时间,并提供动态下载链接
2010-06-30 14:57 2868最近项目中有这样一个需求: 页面动态刷新获取数据库中符合条件 ... -
用js进行正负小数及范围判断
2010-06-30 14:56 2195最近项目中遇到一个js判断:允许输入正负数、小数,并且输入值有 ... -
js时间比较(yyyymmdd)
2010-06-30 14:54 2925yyyymmdd格式时间比较实例,参考如下代码: & ... -
ajax的两种常用调用方式
2010-06-30 14:51 983方式1: //请求js <script langua ... -
XMLHttpRequest参数提交方式
2010-06-30 14:49 3698一般情况下,使用Ajax提交的参数多是些简单的字符串,可以直接 ... -
html页面联动菜单常用处理方式
2010-06-30 14:47 1362html页面联动菜单比较常见,一般情况下,点击一个radio或 ... -
js获取HTML DOM节点元素方法总结
2010-06-30 14:42 1443在Web应用程序特别是Web2 ... -
extJS-itemselector的使用
2009-11-24 16:38 8352上图是富客户端界面中常用的选择方式,下面是项目中的一段示 ... -
ExtJS布局之border实例
2009-09-18 14:59 8895border布局是常见的布局样式,下面是一个实际项目的示例,比 ... -
客户端显示Store-Ext.data-Store
2009-09-04 20:38 2189store是一个为Ext器件提供record对象的存储容器,行 ... -
客户端记录显示缓存的刷新-ExtJS
2009-09-04 20:31 2093其实这是个非常简单的问题,仅供ExtJS初学者参考。 ... -
ExtJS分页条件参数传递
2009-08-19 10:30 5543这两天还在忙活那个可恨的ext的项目,说它可恨,通过解决这个小 ... -
EXTJS 查询数据,分页显示时传送自定义参数,添加控件的任何事件模板
2009-08-19 10:08 3216var querytext = new Ext.form.Te ...
相关推荐
一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa
extjs-620-docs官方文档extjs-620-docs官方文档extjs-620-docs官方文档
extjs-basex.js extjs-basex.js extjs-basex.js
在"extjs-4.1.1.zip"这个压缩包中,包含了ExtJS框架的4.1.1版本,这是一个成熟的版本,具有丰富的功能和优化的性能。 ExtJS的核心特性包括组件化设计、可定制的布局管理、强大的数据绑定机制以及一系列预设的UI组件...
"extjs-theme-bootstrap" 是针对 EXTJS4 的一个主题,它借鉴了 Bootstrap 的设计风格,让 EXTJS4 应用程序具有更加现代化和一致的外观。 Bootstrap 是一个流行的前端开发框架,由 Twitter 推出,主要用于构建响应式...
extjs-cmd 脚手架安装包2 extjs-cmd 脚手架安装包3 extjs-cmd 脚手架安装包4
extjs-4.1.1 ExtJs所有文档及库文件,在官网下的,这个版本很好,放在这方便大家下载!
extJs-5.0.1-gpl附带sencha cmd安装程序、ruby编译包(分为32位和64位)和教程,一共四部分
extjs-core 3.0 beta版extjs-core 3.0 beta版SDK extjs-core 3.0 beta版extjs-core 3.0 beta版
extjs-6.5.3离线API文档,是学习和开发的必要工具。希望有所帮助!
这篇博客文章"Extjs--DWR做的动态树"可能探讨了如何利用这两者结合来创建动态的树形数据结构,这种结构在很多Web应用中用于展示层次化的信息,比如文件系统、组织结构或导航菜单。 动态树在Web应用中是交互式的,...
ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。功能丰富,无人能出其右。...单选行,多选行,高亮显示选中的行,推拽改变列宽度,按列排序,这些基本功能ExtJS轻量级实现。
Ext JS 4.2.6.1811 Release Date: October 5, 2016 Version Number: 4.2.6.1811 ext-src class 926
这个压缩包文件的内容看起来是一个完整的EXTJS项目,包含了数据库交互、动态树结构和菜单功能,并且集成了SpringMVC后端框架以及JDBC数据访问层。 1. **EXTJS动态树**: EXTJS的动态树(TreePanel)组件允许开发者...
"extjs-theme-bootstrap-master.zip" 文件很可能是ExtJS的一个主题包,它集成了Bootstrap的样式,使得ExtJS组件能够呈现出Bootstrap的经典外观。 在深入讲解这个主题之前,让我们先了解一下基础概念: 1. **ExtJS*...
extjs-4.1.1为extjs官方免费版,解压之后引入对应的css和js即可使用
ExtJS-6.2.0官方离线API文档
这个名为"ExtJS--Windows.rar"的压缩包显然是关于如何使用ExtJS来模仿Windows桌面应用的示例或教程。让我们深入探讨一下ExtJS以及如何利用它来实现这样的效果。 1. **ExtJS框架**:ExtJS是由Sencha公司开发的一个...
`extjs-basex.js`文件很可能是ExtJS库的一个部分,特别是针对BaseX扩展的功能。BaseX是一个高性能、XML数据库系统,常用于处理XML数据。在JavaScript环境中,BaseX的JavaScript接口允许开发者在Web应用中直接与BaseX...