ExtJs之addManagedListener

<!DOCTYPE html>

<html>

<head>

<title>ExtJs</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css">

<script type="text/javascript" src="ExtJs/ext-all.js"></script>

<script type="text/javascript" src="ExtJs/bootstrap.js"></script>

<script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script>

</head>

<body>

<script type="text/javascript">

Ext.onReady(function(){

function createFn(){

alert('新建');

}

function openFn(){

alert('打开');

}

function saveFn(){

alert('保存');

}

Ext.create('Ext.toolbar.Toolbar',{

renderTo: Ext.getBody(),

bodyPadding: 5,

width: 500,

items: [

{text: '新建', id: 'createBtn', iconCls: 'newIcon'},

{text: '打开', id: 'openBtn', iconCls: 'openIcon'},

{text: '保存', id: 'saveBtn', iconCls: 'saveIcon'},

{text: '销毁新建按钮', handler: function(){

Ext.getCmp('createBtn').destroy();

}}

]

});

var createBtn = Ext.getCmp('createBtn');

createBtn.on('click', createFn);

createBtn.addManagedListener(Ext.getCmp('openBtn'), 'click', openFn);

createBtn.addManagedListener(Ext.getCmp('saveBtn'), 'click', saveFn);

});

</script>

<body>

</body>

</html>

时间： 2024-10-26 08:59:13

ExtJs之addManagedListener的相关文章

利用ExtJS构建客户端三层初探

在软件架构中,特别是B/S架构中,很流行使用三层架构(数据层.中间层. 表现层)来建立软件.但这从来都是服务器端的专利.在传统的概念中,客户端的职责就只是用来对数据进行展现而已.如果说客户端也搞三层,确实是一样不可思议的事件. 为什么要搞客户端三层? ExtJS这个框架是个功能很强大的框架,由于它给了开发者很大的自由度跟细粒度.开发者在开发的过程中,配置.使用一个组件需要编写许多的代码.工作量大不说,效率低,可重用性低却是致命的.所以,聪明的开发者,应该积极利用ExtJS里的面向对象功

EXTJS 子窗口中的combo二级关联第二次选中项后combo不刷新

问题描述 1.第一次选择'郑州铁路供电牵引系统'次级COMBO显示如下数据(正常)2.第二次选择'自来水系统'次级COMBO显示数据如下(非正常)3.选择'自来水系统'次级COMBO正常显示数据应该如下4.问题所在..5.排除后台数据错误可能(因为本人已经细心调试过,也查看过数据库数据)6.代码片段以下JS代码在按钮的handler事件中vartempAddFP=newForum.themePanel(['theme','问题名称','是否启用','问题状态','问题描述','选择项目','所属

ExtJs之Panel篇

曾有人说:如果Ext没有panel就没有现在Ext的存在.当然不管这句话正确与否至少说明Panel在Ext中还是有一定的分量的,Panel的子类比较多,例如TabPanel.GridPanel.FormPanel.TressPanel,我们今后会一一学习,今天我们就来看看Ext中关于Panel的基本内容. 还是先看代码和效果再做解释: var panel=new Ext.Panel({ id:"myPanel",//标识 renderTo:"divPanel",

ExtJs2.0学习系列(15)--extjs换肤

extjs的默认皮肤很好看,但是我们还可以变换样式切换其他皮肤. 1.直接添加其他css文件换肤. 皮肤文件:xtheme-olive.zip下载把皮肤文件解压,把css文件(如xtheme-olive.css)拷贝到extjs的resources目录下css文件夹里面: 解压皮肤文件,把里面的相应的 image文件夹下的目录(比如olive)拷贝到extjs的resources目录下images文件夹下设置css文件如下: 其实就是在原有的基础上添加了个xtheme-olive.css文件

extjs java-请问使用extjs进行文件上传，extjs前台代码和java后台代码应该怎么写

问题描述请问使用extjs进行文件上传,extjs前台代码和java后台代码应该怎么写请问使用extjs进行文件上传,extjs前台代码和java后台代码应该怎么写解决方案代码复制一下.http://www.cnblogs.com/hannover/archive/2010/12/02/1894820.htmlhttp://blog.itpub.net/29870867/viewspace-1280697/ 解决方案二: extjs的上传是封装好的,你只需要在后台servlet中接收传过

ExtJS入门教程06，grid分页的实现

前面两篇内容分别介绍了extjs grid的基本用法和extjs grid异步加载数据,这篇文章将介绍extjs grid的分页. 数据量大的时候我们必须用到分页,结合上一篇的异步加载数据,今天我们就看看如何异步的加载分页数据. 在extjs grid的请求中,包含几个参数,如图: page:当前页 start:起始行的行号 limit:每页数据行数,默认为25 在请求处理的时候,我们只要获得这些参数,就可以方便的将想要的分页后的数据返回给客户端. 接下来我们新建一个handler,用来处理分页

弹窗-Extjs 网页弹表格窗问题

问题描述 Extjs 网页弹表格窗问题 10C 我需要的是点击一个按钮弹出一个图上这样的窗口然后双击其中任意一行获取到改行的数据添加到对应的多个输入框中因为刚到公司不久对EXT不熟悉公司封装的是从数据库中取值我要换成从后台方法中取值的方式,研究一天了没有头绪,公司又催的太紧没有办法了只能求助各位大神,麻烦给我提供一个能实现该功能的源码最好是有传参类型的谢谢大家了解决方案因为没有你具体的代码,没法帮到你,这里有个类似的参考:http://www.tuicool.com/arti

[ExtJS]设置级联菜单的默认值

前言 ExtJS在修改这样的页面上赋值是很方便的,在正文中1.2.1代码中可以看出,一行代码就可以搞定,但这是对于普通控件而言,如文本框.对于ComboBox可没这么简单... 版本 Ext JS Library 3.0.0 正文一.问题 1.1 截图 1.2 代码 1.2.1 前端代码 <script type="text/javascript"> // function ExtStore(url) {

JS,Jquery及ExtJs不同脚本动态创建DOM对象

本文介绍简单使用JavaScript.JQuery.ExtJs进行DOM对象创建的测试,主要是使用JavaScript.JQuery.ExtJs动态创建Table对象.动态Table数据填充.多选控制. 1.简单前台数据处理界面有点丑了,没美化界面,主要是JavaScript动态创建Table.效果图: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/T