Ext z自写checkbox
软件弹出框Exr.window里面有许多个CheckBox,用ext自带的CheckBoxGroup也可以实现,但是在后期处理的时候远没有自写的CheckBox灵活,还出了一些莫名其妙的bug
忍无可忍,将CheckBoxGroup全换成了自己写的HTML代码:
(p.s.:因为公司项目较老,用的extjs版本非常低3.2版本的,高版本的没有测试,估计也是这样写的(⊙﹏⊙)b)
TZGDForm = new Ext.FormPanel({
id : 'test',
labelAlign : 'right',
bodyStyle : 'padding:10px,10px,0px;',
height : 300,
labelWidth : 100,
frame : true,
buttonAlign: 'center',
monitorValid : true,
items : [ID,
{
columnWidth : 1,
layout : 'FORM',
items : [ {
layout : 'column',
items : [{
hidden:true,
items : [ ID ]
}, {
columnWidth : 0.5,
layout : 'FORM',
items : [ MAN_NAME ]
}, {
columnWidth : 0.5,
layout : 'FORM',
items : [ ENGLISH_NAME ]
} ,{
items:[FOR_COUNTRY_TZGD]
},{
columnWidth : 0.5,
layout : 'FORM',
items : [ FOR_COUNTRY_TZGD_ ]
},{
columnWidth : 0.5,
layout : 'FORM',
items : [ CERTIFICATE_NO ]
},{ layout : 'column',
columnWidth:1,
border : false,
labelSeparator : ' : ',
defaults : {
layout : 'form',
border : false,
columnWidth : .5
},
items : [ {
items : [ {
fieldLabel : '类别',
html : '<ul>'
+ '<li><input type="checkbox" name="typeTZEND" id="typeTZEND_0" value="0"> 测试1</li>'
+ '<li><input type="checkbox" name="typeTZEND" id="typeTZEND_1" value="1"> 测试2</li>'
+ '<li><input type="checkbox" name="typeTZEND" id="typeTZEND_2" value="2"> 测试3</li>'
+ '<li><input type="checkbox" name="typeTZEND" id="typeTZEND_3" value="3"> 测试4</li>'
+ '<li><input type="checkbox" name="typeTZEND" id="typeTZEND_4" value="4"> 测试5</li>'
+ '<li><input type="checkbox" name="typeTZEND" id="typeTZEND_5" value="5"> 测试6</li>'
+ '<li><input type="checkbox" name="typeTZEND" id="typeTZEND_6" value="6"> 测试7</li>'
+ '</ul>',
bodyStyle : 'height:200px;line-height:25px;vertical-align:middle;'
} ]
}, {
items : [ {
fieldLabel : '实际控制方式',
html : '<ul> '
+ '<li><input type="checkbox" name="controlTZEND" id="typeTZEND_7" value="0"> 测试1</li>'
+ '<li><input type="checkbox" name="controlTZEND" id="typeTZEND_8" value="1"> 测试2</li>'
+ '<li><input type="checkbox" name="controlTZEND" id="typeTZEND_9" value="2"> 测试3</li>'
+ '</ul>',
bodyStyle : 'height:200px;line-height:25px;vertical-align:middle;'
} ]
}] },{
columnWidth : 1,
layout : 'FORM',
items : [ OTHER_CONTENT ]
}]
} ]
}],
buttons : [{
id : 'subTZGD',
text : '确定',
name : 'submit',
align:'center',
handler : function() {
………………
TZGDwin.hide();
TZGDForm.form.reset();
},
failure : function(form, action) {
Ext.Msg.alert('消息', action.result.data);
this.disabled = false;
}
});
this.disabled = false;
}
}, {
text : '关闭',
handler : function() {
this.disabled = false;
TZGDwin.hide();
TZGDForm.form.reset();
}
}]
});
Ext z自写checkbox的更多相关文章
- ext.net 实现gridpanel checkbox锁定
<%@ Page Language="C#" %> <%@ Register Assembly="Ext.Net" Namespace=&qu ...
- [Ext JS 4] 实战之多选下拉单 (带checkbox)
前言 Ext js 创建一个多选下拉单的方式很简单, 使用Ext.form.ComboBox, 设置 multiSelect 为true 就可以了. 但是如果要在每个下拉之前加上一个checkbox, ...
- 【翻译】从Store生成Checkbox Group
原文:Ext JS: Generating a Checkbox Group from a Store Ext JS的checkbox group可以用来将复选框组合成一个单一的逻辑字段.由于复选框时 ...
- Ext.net按钮事件中使用Response.Redirect的一个问题
今天遇到一个Response.Redirect问题 通过Ext.net按钮写发送事件时,连接中会多出一个&,如果后台不进行UrlEncode操作的话,就会出问题,可是很不幸的是,有些跳转 ...
- [离散时间信号处理学习笔记] 8. z逆变换
z逆变换的计算为下面的复数闭合曲线积分: $x[n] = \displaystyle{\frac{1}{2\pi j}}\oint_{C}X(z)z^{n-1}dz$ 式中$C$表示的是收敛域内的一条 ...
- 搭建简单Ext
一.EXT是什么? 1. Ext是一个Ajax框架,可以用来开发带有华丽外观的富客户端应用,使得我们的b/s应用更加具有活力及生命力,提高用户体验: 2. Ext是一个用javascript编写,与后 ...
- 用Latex写IEEE论文
如果在搞科研,想在IEEE上发表文章,那么就不得不用IEEE的论文模板,分为doc版本和Tex版本.Tex是高德纳·纳什所写,大牛级的任务,写过<计算机程序设计艺术>,曾经是美国最年轻的科 ...
- 关于Ext.js和Ext.Net的杂谈
最近几年比较火的前端js框架extjs 算是其中的佼佼者.统一的UI设计,强悍的组件及丰富的插件,对浏览器良好的兼容性等优点使得许多公司使用Extjs,同时也使得无数程序猿开始研究这个玩意也包括我在内 ...
- 81.Ext TreePanel实现单选等功能
转自:https://blog.csdn.net/iteye_7988/article/details/81886654 在ext1.x里,树是没有checkbox的, 幸好在2.X版本里提供了这个功 ...
随机推荐
- Spring通过注释配置Bean2 关联关系
接着我们讲讲关联关系的配置,我们耳熟能详的MVC结构,Controller关联着Service,Service关联着UserRepository,接着上一节的代码,完成上诉功能 在Main方法里,我们 ...
- 使用FastJson进行对象和JSON转换属性命名规则为下划线和驼峰的问题
public class AliPayParam { @JSONField(name="out_trade_no") private String outTradeNo; @JSO ...
- WebSocket介绍,与Socket的区别
WebSocket介绍与原理 WebSocket protocol 是HTML5一种新的协议.它实现了浏览器与服务器全双工通信(full-duplex).一开始的握手需要借助HTTP请求完成. ——百 ...
- Codeforces Round #522 (Div. 2, based on Technocup 2019 Elimination Round 3) D. Barcelonian Distance 几何代数(简单)
题意:给出一条直线 ax +by+c=0 给出两个整点 (x1,y1) (x2,y2) 只有在x,y坐标至少有一个整点的时 以及 给出的直线才有路径(也就是格子坐标图的线上) 问 两个整点所需要 ...
- VUE项目中使用mint-ui框架总结
针对PC端,element-ui可谓是首选了,UI体验效果很好. element-ui 框架官网:http://element.eleme.io/#/zh-CN/component/installat ...
- Linux-Jenkins安装部署
Jenkins 安装及插件安装 Jenkins简介: Jenkins只是一个平台,真正运作的都是插件.这就是jenkins流行的原因,因为jenkins什么插件都有 Hudson是Jenkins的前身 ...
- linux查看主板型号、CPU、显卡、硬盘等信息
系统 uname -a # 查看内核/操作系统/CPU信息 head -n 1 /etc/issue # 查看操作系统版本 cat /proc/cpuinfo # 查看CPU信息 hostname # ...
- django 4.get接口开发
根据上一篇文章,有post,那么就有get请求,其余部分不变,就是把post换成get就可以. #views.py from django.http.response import HttpRespo ...
- vue引入fastclick设置输入框type="number"报错Failed to execute 'setSelectionRange' on 'HTMLInputElement': The input element's type ('number') does not support selection.的解决办法
将输入框type设为text,通过正则验证输入的值
- 隧道6in4 和隧道6to4(GNS3)
隧道6in4实验配置 拓扑图 Device Interface IP Address(IPv6) R1 F 0/0 10.1.81.1 F 0/1 2001:db8:cafe:81::10 R2 F ...