Ext小记

本文介绍了如何使用ExtJS进行界面元素的调整与交互处理,包括样式设置、组件操作、数据存储管理等,并展示了如何通过ExtJS实现组合框的值获取、事件监听等功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

调整间距
bodyStyle:"padding:0 0 0 5px",或者用margin

寻找Ext对象元素
window.findByType('combo')[1]
Ext.getCmp('id')
在事件中Ext.get(this)//是绑定事件者

获得值
window.findByType('combo')[1].getValue()
Ext.getCmp('id').getValue()

获得dom对象,就可以用dom的属性如:Ext.getCmp('id').getValue().getEl().dom.src='./a.jpg'
window.findByType('combo')[1].getEl().dom
Ext.getCmp('id').getValue().getEl().dom

获得父容器的父容器
this.ownerCt.ownerCt

Store(可以认为是一张表)
本地数组store
new Ext.data.SimpleStore({
fields:['job'], //认为是列的定义
data:[['程序员'],['工程师']] //数据与列匹配
})

自定义Record构造(可以认为是一行的定义,与列名匹配)
Var JOB = Ext.data.Record.create([{name:'job'}]);
在store第一个位置插入一个记录
_store.insert(0,new JOB({job:'技术总监'}))
修改一条记录中的数据(修改行中的某一列)
_recode.set('job','业务经理')

获取store中的数据(先获得行再获得列)
数组的方法:_store.getAt(0).get('job')
getAt(0)获得stroe中data中的第一个对象,get('job')获得第一个对象的job属性


删除store中的一条记录(删除表的一行)
_store.remove(_recode)

获取store中的条数(获取表中的行数)
_store.getCount();

combo选中事件
listeners:{
select:function(_combo, _record, _index){
alert(_record.get('job'));
}
}

设置combo的值
直接设置setValue('value')

prompt用法 和作用域
Ext.MessageBox.prompt('请输入修改后的职位名称','职位名称',function(_btn, _text){
if(_btn == 'ok'){
alert(_text);
}
},_job, defalutValue) //_job为作用域,在方法里面可以用this引用_job对象,
defalutValue为默认显示的文本在prompt中

询问框
Ext.MessageBox.confirm('系统提示','你确认删除当前职位吗',function(_btn){
if(_btn == 'yes'){
}
},_job);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值