您的位置:

关于extjs的一个方法的信息

关于extjs的一个方法的信息

更新:

本文目录一览:

extjs怎么自定义函数

extjs的自定义事件主要分三步

1.在类中定义事件名称:

Person = function(config) {

Person.superclass.constructor.call(this, config);

this.name = config.name || '';

this.sex = config.sex || '';

this.addEvents({

"nameChange": true,

"sexChange": true

});

};

2.实例化对象,并在该对象中定义事件的监听函数

var person = new Person({

name: 'binoruv',

sex: 'man'

});

person.on("nameChange", function() { alert("Name has been changed to " + this.name); });

person.on("sexChange", function() { alert("Sex has been changed to " + this.sex); });

3.触发事件

Ext.extend(Person, Ext.util.Observable, {

//extend函数中可以自定义新的方法,也可以重写原类的方法

setName: function(_name) {

if (this.name != _name) {

this.name = _name;

this.fireEvent("nameChange", this);

}

},

setSex: function(_sex) {

if (this.sex != _sex) {

this.sex = _sex;

this.fireEvent("sexChange", this);

}

}

});

person.setName("binoruv");

person.setSex("woman");

整个代码如下:

script type="text/javascript"

Person = function(config) {

/*

此处addEvents是调用Person父类Ext.util.Observable的方法

api中对Observable的描述:一个抽象基类(Abstract base class),为事件

机制的管理提供一个公共接口。子类应有一个"events"属性来

定义所有的事件。

*/

Person.superclass.constructor.call(this, config);

this.name = config.name || '';

this.sex = config.sex || '';

this.addEvents({

"nameChange": true,

"sexChange": true

});

};

Ext.extend(Person, Ext.util.Observable, {

setName : function(_name) {

if (this.name != _name) {

this.name = _name;

this.fireEvent("nameChange", this);

}

},

setSex : function(_sex) {

if (this.sex != _sex) {

this.sex = _sex;

this.fireEvent("sexChange", this);

}

}

});

Ext.onReady(function() {

var person = new Person({

name: 'binoruv',

sex: 'Man'

});

person.on("nameChange", function() { /*debugger;*/Ext.Msg.alert("Message","Name has been changed to " + this.name); });

person.on("sexChange", function() { /*debugger;*/Ext.Msg.alert("Message", "Sex has been changed to " + this.sex); });

person.setName("binoruv");

person.setSex("Woman");

});

/script

ExtJs中怎么上传文件

下面为大家介绍在ExtJs中上传文件的几种方法

第一种方法:传统的上传方式

在formpanal中增加一个fileUpload的属性

例子代码:

JScript 代码 复制

Ext.onReady(function(){

var form = new Ext.form.FormPanel({

renderTo:'file',

labelAlign: 'right',

title: '文件上传',

labelWidth: 60,

frame:true,

url: 服务器处理上传功能的url地址,//fileUploadServlet

width: 300,

height:200,

fileUpload: true,

items: [{

xtype: 'textfield',

fieldLabel: '文件名',

name: 'file',

inputType: 'file'//文件类型

}],

buttons: [{

text: '上传',

handler: function() {

form.getForm().submit({

success: function(form, response){

Ext.Msg.alert('信息', response.result.msg);

},

failure: function(){

Ext.Msg.alert('错误', '文件上传失败');

}

});

}

}]

});

});

第二种方法:借助Ext.ux.UploadDialog.Dialog的组件,在编码时需要导入两个文件

需要引入 Ext.ux.UploadDialog 样式文件 和 Ext.ux.UploadDialog.packed脚本文件。

例子代码

//在使用此方法进行文件上传时,其后台往页面的返回值类型是这样的:

//{'success':true,'message':'上传成功'}

//如果没有success:true,无论上传成功与否,显示的都是上传失败,其实这个和form.submit()的提交方式是一个道理。

var dialog = new Ext.ux.UploadDialog.Dialog({

autoCreate: true,

closable: true,

collapsible: false,

draggable: true,

minWidth: 400,

minHeight: 200,

width: 400,

height: 350,

permitted_extensions:['JPG','jpg','jpeg','JPEG','GIF','gif','xls','XLS'],

proxyDrag: true,

resizable: true,

constraintoviewport: true,

title: '文件上传',

url:用于处理上传文件功能的Url,

reset_on_hide: false,

allow_close_on_upload: true ,

upload_autostart: false

});

//定义上传文件的按钮

var btnShow = new Ext.Button({

text:'上传文件',

listeners:{

click:function(btnThis,eventobj){

dialog.show();

}

}

});

extjs函数调用方法

当前this所引用的作用域已经改变了,可简单修改为

init: function() {

var me = this;//保存作用域

this.control({

'userlist textfield[id=searchId]':{

keyup:function(textfield, e){

if (e.getKey() == 13) {

me .searchUserByEnter(textfield); //调用原作用域方法

}

}

}

}

规范点可参照extjs写成scope参数控制this

关于extjs的一个方法的信息

本文目录一览: 1、extjs怎么自定义函数 2、ExtJs中怎么上传文件 3、extjs函数调用方法 extjs怎么自定义函数 extjs的自定义事件主要分三步1.在类中定义事件名称: Person

2023-12-08
关于extjs无法复制的信息

本文目录一览: 1、extjs3.4如何让页面上的内容无法复制,包括禁止ctrl+c和鼠标右键等操作,求高人解答! 2、extjs中,对store复制的一些问题 3、关于extjs grid复制粘贴功

2023-12-08
关于extjs嵌入html的信息

2022-11-23
关于extjs文档及api的信息

本文目录一览: 1、如何理解及阅读EXTJS的API文档 2、我想查看EXTjs的API文档,在官网上下了3.4.0,部署在eclipse的动态web项目上,但是会有报错。 3、extJs api文档

2023-12-08
关于extjs模板引擎的信息

本文目录一览: 1、VUEJS 和EXTJS,VUE能不能代替EXTJS来用呢 2、PHP 怎样的模板分离最完美? - PHP框架开发 3、Extjs如何动态加载Extjs脚本 4、ExtJS应用怎么

2023-12-08
关于extjs打包教程的信息

本文目录一览: 1、ExtJs与Java结合的教程!! 2、extjs 如何与adobe air整合 3、下载Extjs 视频教程网站 4、extjs项目打包的时候为什么添加的菜单项没有加载 ExtJ

2023-12-08
关于extjs跟vue的信息

本文目录一览: 1、web前端开发需要天天加班熬夜吗? 2、做web前端开发都应该会些什么 3、关于后端程序员写前端用什么框架更好 4、VUEJS 和EXTJS,VUE能不能代替EXTJS来用呢 5、

2023-12-08
关于extjs5框架的信息

2022-11-25
关于extjs页面加载完后调用的信息

本文目录一览: 1、ExtJS 中JS页面如何调用另外一个XX.jsp页面javascript中的方法? 2、extjs 整个页面加载完是不是一个事件,如果是是什么事件 3、EXTJS怎么让Windo

2023-12-08
关于extjs对java传值的信息

2022-11-23
关于eclipse搭建extjs6的信息

本文目录一览: 1、eclipse怎么配置ext插件 2、在eclipse里使用extjs6.0版本应该引用哪些文件 3、如何在eclipse中部署extjs mvc 4、Eclipse里可以直接使用

2023-12-08
关于自定义extjs查询控件的信息

本文目录一览: 1、extjs怎么自定义函数 2、extjs 控件事件大全 3、Extjs 4如何自定义Panel 4、Extjs 如何自定义控件 extjs怎么自定义函数 extjs的自定义事件主要

2023-12-08
关于extjs转换的信息

本文目录一览: 1、如何转化extjs的model中的日期类型字段格式 2、extjs有没有把字符串转换成json数据的方法?? 3、Extjs中有什么方法可以把int类型转换成string并对其赋值

2023-12-08
关于extjs官网的信息

本文目录一览: 1、extjs论坛 extjs中文论坛在哪儿 2、Extjs 现在最新版本是多少啊? 2011年9月13日 3、什么是Extjs 怎么下载 4、求推荐学习ExtJS的资料,网站。 5、

2023-12-08
关于extjs日期怎么写的信息

本文目录一览: 1、extjs获取当前时间并且怎么取7天前的时间 2、extjs中的日期文本框怎么写 3、如何转化extjs的model中的日期类型字段格式 4、Extjs怎么格式化Grid的日期列

2023-12-08
关于学extjs已经了解基本了的信息

本文目录一览: 1、学习extJS之前,应该具备什么基础 2、extjs是什么啊 3、如何学习Extjs 4、谁能分享下学习extjs的心得体验 5、转:新手如何学习ExtJS 4 6、学习EXTJS

2023-12-08
关于extjs向导的信息

本文目录一览: 1、extjs 如何与adobe air整合 2、问问在extjs里怎么限制访问设计页面的ip 3、想用Extjs做一个左右布局的格式 4、extjs的card布局中使用XTempla

2023-12-08
关于已前的学习笔记java的信息

2022-11-18
关于extjs动态插入一列的信息

本文目录一览: 1、extjs 表格编辑,动态显示列怎么弄 2、extjs中js怎么向jsp页面中动态添加一个7列6行的table 3、Extjs 4.x 为GridPanel动态添加一行数据 4、e

2023-12-08
关于java学习笔记良葛格的信息

2022-11-11