`
hyl_2008
  • 浏览: 1121 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

Ext.Window 多次传入值如何更新

EXT 
阅读更多
//keyValue, textValue 点按钮传入的id ,每次有可能不一样。设置keyValue, textValue 的值后再次传入新的id, //deptTree.on 中还是第一次传入的id。如何在不重复掉后台的情况下传入不同的keyValue, textValue,并设置值。
Ext.onReady(function(){

var deptWin,deptWin2;

showKmWin = function(keyValue, textValue){alert(keyValue);
if(!deptWin){
var deptTree = new Ext.tree.TreePanel({
id:'dept-tree',
useArrows: true,
border:false,
bodyStyle: 'padding-top:5px;padding-left:5px; margin-top:0px;',
loader: new Ext.tree.TreeLoader({
dataUrl:'CommonsModuleDeptTree_queryZwkmShowTreeList.action'
}),
rootVisible:false,
lines:false,
autoScroll:true,
root: new Ext.tree.AsyncTreeNode({text: '根结点', id: 'root'})
});alert(keyValue);
deptTree.on('click', function(node){
var deptText;
var parentNode = node.parentNode;

if(parentNode.id == 'root'){

if(node.id == 'all'){
document.getElementById(textValue).value='';
document.getElementById(keyValue).value='';
}else{
document.getElementById(textValue).value=node.text;
document.getElementById(keyValue).value=node.id;
}
}else{
alert(keyValue);
deptText = parentNode.text + ' → ' + node.text;
document.getElementById(textValue).value=deptText;
document.getElementById(keyValue).value=node.id;
}

Ext.getCmp('dept-Win').hide();
});
deptWin = new Ext.Window({
id: 'dept-Win',
title: '选择会计科目',
width: 200,
height: 400,
closeAction:'hide',
minWidth: 250,
minHeight: 350,
layout: 'fit',
//resizable: false,
shadow:false,
items: deptTree
});
}

deptWin.show();
}

});
分享到:
评论

相关推荐

    一个简单的Ext.Window中插入图片的例子

    在Ext JS这个强大的JavaScript框架中,`Ext.Window`是一个常用组件,用于创建浮动、可弹出的窗口。在Web应用程序中,我们常常需要在这些窗口中展示各种内容,包括文字、表格、按钮,当然还有图片。本文将详细介绍...

    Ext.window从右下角弹出/隐藏

    ### Ext.window从右下角弹出/隐藏:深入解析与实现 #### 一、概述 在Web应用开发中,为了提升用户体验,开发者经常会利用各种UI框架来实现丰富的交互效果。ExtJS作为一款成熟且功能强大的JavaScript框架,在这方面...

    Ext.window的一个扩展组件SuperWin.js

    Ext.window的一个扩展组件SuperWin.js.可灵活自主随意定位,和显示模式;

    Ext.get与Ext.fly的区别

    - **多次操作时效率较低**:如果需要对同一个DOM元素进行多次操作,则每次调用`Ext.fly`都会重新创建`Ext.Element`对象,不如`Ext.get`高效。 #### 使用场景分析 - 当需要对DOM元素进行频繁操作时,推荐使用`Ext....

    extjs-Ext.ux.form.LovCombo下拉框

    在EXTJS框架中,`Ext.ux.form.LovCombo`是一种自定义组件,它扩展了基本的`Ext.form.field.ComboBox`,提供了更丰富的功能,尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”(即“Look Up Value”...

    EasyExt_003_第一个组件Ext.Window

    EasyExt_003_第一个组件Ext.Window EasyExt_003_第一个组件Ext.Window

    Ext-window属性

    【Ext.Window属性详解】 在Ext JS中,`Ext.Panel`是一个强大的组件,它可以用来创建各种复杂的用户界面。当Panel被用作窗口时,它通常会继承或包含`Ext.window.Window`的一些属性。以下是对`Ext.Panel` API中与`...

    Ext.get与Ext.fly 的区别

    这是一个相对重量级的操作,因为它会创建并缓存一个`Ext.Element`实例,适用于那些需要多次操作的元素。 相反,`Ext.fly`(也称为`Ext.Element.fly`)是一个轻量级的版本,主要用于一次性操作。它同样接受一个DOM...

    Ext.form表单中各种属性应用详解

    ### Ext.form表单中各种属性应用详解 #### 1. Ext.form.NumberField **Ext.form.NumberField** 是 **Ext.form.TextField** 的一个扩展,它专为处理数字输入而设计,提供了一系列与数值相关的配置选项。 - **...

    Ext.data.Store的基本用法

    ### Ext.data.Store的基本用法详解 #### 一、Ext.data.Store简介 `Ext.data.Store`是ExtJS框架中用于管理数据的核心组件之一。它主要负责数据的存储、加载、更新等操作,并且提供了多种方法来方便地处理这些数据。...

    Ext.data.Store 读取XML属性值

    这篇博客文章《Ext.data.Store 读取XML属性值》可能深入探讨了如何利用`Ext.data.reader.Xml`来解析XML并填充数据存储。 XML是一种结构化数据格式,广泛用于数据交换,尤其是Web服务和API。`Ext.data.reader.Xml`是...

    Ext.Store的获取方法

    在Ext.js中,`Ext.Store`是用来管理数据的类,它通常与各种UI组件(如Grid、ComboBox等)关联,用于存储和检索数据。然而,获取`Ext.Store`的方式并不像获取其他Ext组件那样直接,因为Store并不是一个具有可视界面的...

    Ext.Ajax.request跨域

    标题"Ext.Ajax.request跨域"指出我们将探讨如何使用ExtJS库中的Ajax模块进行跨域请求。Ext.Ajax.request是ExtJS提供的一种发起Ajax请求的方式,它允许开发者向服务器发送异步HTTP请求。然而,由于浏览器的同源策略...

    org.restlet.ext.spring.jar

    org.restlet.ext.spring.jar

    EXT.form组件

    2. `checkbox`:`Ext.form.Checkbox`是用于创建复选框的组件,用户可以选择或取消选择多个选项。 3. `combo`:`Ext.form.ComboBox`是下拉列表框组件,允许用户在预设的选项中进行选择,同时可以提供搜索功能以便...

    Ext.ux.SwfUploadPanel.js

    `Ext.ux.SwfUploadPanel.js`是这样一个基于ExtJS和SwfUpload技术的插件,它实现了多文件上传的功能。这篇文章将深入探讨这个插件的工作原理、主要特点以及如何在实际项目中应用。 首先,`ExtJS`(全称为EXT ...

    Ext.tree.TreeLoader附带封装的json类

    在本文中,我们将深入探讨`Ext.tree.TreeLoader`与JSON数据在Ext JS框架中的应用。`Ext.tree.TreeLoader`是Ext JS库中的一个组件,它负责加载和解析树形结构的数据,而JSON(JavaScript Object Notation)则是一种轻...

    Ext.js教程和Ext.js API

    Ext.js 是一个强大的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的用户界面组件和数据绑定功能,使得开发者可以构建出具有桌面应用级别的交互式网页应用。本教程和API文档聚焦于Ext.js 3.0版本...

    EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档

    EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档...

    Ext3.2的Ext.data.Store类和Ext.Ajax类的实际运用

    环境:Window XP Sp2、Tomcat 6.0、...关于Ext.data.Store类,我们可以看出:该框架提供了客户端缓存的功能--这对于我们框架系统是非常有帮助的。本示例代码注释非常详细。 阅读对象:需要使用Ext框架进行Web开发的人员

Global site tag (gtag.js) - Google Analytics