废话不说,先上代码:
<form id="form_tKEim7ks" title="修改登录ID" bodyStyle="padding:5px 5px 0" url="editLogonId.dt" hidden="'$!{type}'!='logon'">
<items>
<container id="container_aj8Htzdm" layout="hbox" margin="5">
<items>
<container flex="1" id="container_Wgp4bbAx" />
<container flex="1" id="container_kNMePUTG">
<listeners><![CDATA[{
beforerender:function(me,opt){
Ext.apply(Ext.form.field.VTypes, {
mobile: function (val, field) {
var mobile= /^[0-9]{11}$/;
return mobile.test(val);
},
mobileText: '非法手机号码'
});
}
}]]></listeners>
<items>
<displayfield fieldLabel="卡ID" id="displayfield_gj12axv1" value="$!{userInfo.userId}" allowBlank="false" hideLabel="false" labelAlign="right" />
<textfield id="textfield_YdgetgEU" name="userId" value="$!{userInfo.userId}" allowBlank="false" hideLabel="false" readOnly="true" hidden="true" labelAlign="right" />
<container id="container_ol0CtESK" layout="hbox">
<items>
<displayfield fieldLabel="登录ID" id="displayfield_nqs6Gm3a" hideLabel="false" readOnly="true" labelAlign="right" />
<container id="container_logonId">
<listeners><![CDATA[{
beforerender:function(me,opt){
var disabled=false;
#foreach($item in $logonApps)
var vt ='';
if('$item.logonType'=='手机'){vt='mobile';}
else if('$item.logonType'=='邮箱'){vt='email';}
else{vt='alphanum';}
me.add(new Ext.form.field.Text({
value: '$item.logonId',
id:'textfield_logonId$velocityCount',
allowBlank:true,
vtype:vt,
disabled:disabled
}));
Ext.getStore('arraystore_temp').add({oldLogonId:'$item.logonId'});
disabled=true;
#end
}
}]]></listeners>
</container>
<radiogroup id="radiogroup_1" layout="column" width="50" hideLabel="false" labelAlign="right">
<listeners><![CDATA[{
beforerender:function(me,opt){
var i =true;
#foreach($item in $logonApps)
me.add(new Ext.form.field.Radio({
inputValue: '$item.logonId',
id:'radio_Type$velocityCount',
boxLabel:"$item.logonType",
name:'logonType',
checked:i
}));
i=false;
#end
},
change:function(me,newv,oldv,opt){
var items = me.items;
items.each(function(item,index,length){
var textfieldId = 'textfield_logonId'+(index+1);
if(item.getValue()){
Ext.getCmp(textfieldId).setDisabled(false);
}else{
console.log(Ext.getStore('arraystore_temp').getAt(index));
Ext.getCmp(textfieldId).setValue(Ext.getStore('arraystore_temp').getAt(index).data.oldLogonId);
Ext.getCmp(textfieldId).setDisabled(true);
Ext.getCmp(textfieldId).clearInvalid();
}
});
}
}]]></listeners>
</radiogroup>
</items>
</container>
<textarea fieldLabel="备注" id="textarea_2" maxLength="200" name="memo" allowBlank="false" width="320" hideLabel="false" labelAlign="right" />
</items>
</container>
<container flex="1" id="container_PHlv1cJu" />
</items>
</container>
</items>
<dockedItems>
<toolbar dock="bottom" id="toolbar_MQsMGMoL">
<layout><![CDATA[{pack:"center"}]]></layout>
<items>
<button id="button_3" text="确认修改">
<handler><![CDATA[function (button, event) {
var form = this.up('form').getForm();
if (form.isValid()) {
var items = Ext.getCmp('radiogroup_1').items;
var logonId = '';
var newLogonId='';
var isModified=true;
(function(){
items.each(function(item,index,length){
var textfieldId = 'textfield_logonId'+(index+1);
if(item.getValue()){
console.log(Ext.getCmp(textfieldId));
newLogonId=Ext.getCmp(textfieldId).getValue();
logonId=Ext.getStore('arraystore_temp').getAt(index).data.oldLogonId;
if(newLogonId==logonId){
isModified=false;
Ext.getCmp(textfieldId).markInvalid('登录ID没有修改,请修改后再提交!');
}
return;
}
});
})();
alert(logonId+'+++'+newLogonId);
if(!isModified) return false;
return false;
form.submit({
params:{
'logonId':logonId,
'newLogonId':newLogonId
},
success: function (form, action) {
var info = action.result.info;
var title='';
console.log(info);
if(info.success){
title='成功';
}else{
title='失败';
}
Ext.Msg.alert(title,info.msg);
Ext.getStore("jsonstore_history").loadPage(1);
}
});
}
}]]></handler>
</button>
<button id="button_4" text="重置">
<handler><![CDATA[function(button,event){
Ext.getCmp('textarea_2').setValue('');
var store = Ext.getStore('arraystore_temp');
for(var i=0;i<store.count();i++){
var textfieldId = 'textfield_logonId'+(i+1);
Ext.getCmp(textfieldId).setValue(Ext.getStore('arraystore_temp').getAt(i).data.oldLogonId);
}
}]]></handler>
</button>
</items>
</toolbar>
</dockedItems>
</form>
实现功能如下图:
所有这一切都是纠结的radiogroup惹得祸
- 大小: 5.9 KB
- 大小: 7 KB
- 大小: 7.6 KB
分享到:
相关推荐
环境为java,struts2,extjs...没有完全实现的是extjs用uploadfild控件实现的blob数据上传预览,并且尝试了用formFile上传文件、和smart组件上传,但两者在我的环境里还有问题,大家可以改进一下,本人觉得有总比没有强哈
Extjs框架实现类似QQ的聊在功能.好友上线,下线提醒.留言,发表情,来消息提醒等功能
ExtJS中文文档,很好,很强大!绝对值得一看哦!
没有完全实现的是extjs用uploadfild控件实现的blob数据上传预览,并且尝试了用smart组件上传,但在我的环境里还有问题,大家可以改进一下,本人觉得有总比没有强哈 有问题的可以加qq群103684733
extjs的默认皮肤很好看 但是我们还可以变换样式切换其他皮肤 1 直接添加其他css文件换肤 好多皮肤上网就可以收到的 如皮肤文件:xtheme olive zip下载 把皮肤文件解压 把css文件 如xtheme olive css 拷贝到...
ExtJS实现Excel的导出功能(poi)
ExtJS 表格的功能实现,包括单元格编辑,数据的获取。
Extjs中文文档,包含Extjs的基本语法和各个类的详细说明以及用法。
Extjs 中文API文档,有对Extjs相关API的中文说明
extjs实现动态树
最近小弟做了Extjs实现实现下拉框联动的效果,参考了好久才学会,闲下来发一个简单的例子。。呵呵
该资源主要展示了在Extjs6中Combobox控件实现下拉选择多个数据的功能
使用extjs4+servlet对extjs中grid数据进行填并实现增删改查等功能!
基于ExtJS技术的Desktop网页桌面开发技术源代码。增加少量主题切换功能。比原版的Desktop增加了一些功能。从ExtJS中分离出来的源代码,可供程序员参考那些ExtJS核心库是必须的。
extjs中使用FusionChart举例
ExtJS实现Excel导出,最常用的可以解决大部分问题
从网上搜集的一些好用的js文件。分享给爱好EXTJS的同胞们! EXTJS4.0文件夹下面包括 1.只有年月选择--dateYM.html (这个在EXTJS4.0和4.1下...注:这些功能在IE6 、 IE8 、 Firefox 以及google 浏览器下测试没有问题!
基于extjs框架实现的双日历功能
ExtJS 实现动态处理加载 grid 实现了CRUD还有分页功能
绝对的ExtJS3.0中文API,本人在网上找了好久才找到的,在此奉献给大家!!解压后有30多兆!!