软件弹出框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的更多相关文章

  1. ext.net 实现gridpanel checkbox锁定

    <%@ Page Language="C#" %> <%@ Register Assembly="Ext.Net" Namespace=&qu ...

  2. [Ext JS 4] 实战之多选下拉单 (带checkbox)

    前言 Ext js 创建一个多选下拉单的方式很简单, 使用Ext.form.ComboBox, 设置 multiSelect 为true 就可以了. 但是如果要在每个下拉之前加上一个checkbox, ...

  3. 【翻译】从Store生成Checkbox Group

    原文:Ext JS: Generating a Checkbox Group from a Store Ext JS的checkbox group可以用来将复选框组合成一个单一的逻辑字段.由于复选框时 ...

  4. Ext.net按钮事件中使用Response.Redirect的一个问题

    今天遇到一个Response.Redirect问题 通过Ext.net按钮写发送事件时,连接中会多出一个&amp,如果后台不进行UrlEncode操作的话,就会出问题,可是很不幸的是,有些跳转 ...

  5. [离散时间信号处理学习笔记] 8. z逆变换

    z逆变换的计算为下面的复数闭合曲线积分: $x[n] = \displaystyle{\frac{1}{2\pi j}}\oint_{C}X(z)z^{n-1}dz$ 式中$C$表示的是收敛域内的一条 ...

  6. 搭建简单Ext

    一.EXT是什么? 1. Ext是一个Ajax框架,可以用来开发带有华丽外观的富客户端应用,使得我们的b/s应用更加具有活力及生命力,提高用户体验: 2. Ext是一个用javascript编写,与后 ...

  7. 用Latex写IEEE论文

    如果在搞科研,想在IEEE上发表文章,那么就不得不用IEEE的论文模板,分为doc版本和Tex版本.Tex是高德纳·纳什所写,大牛级的任务,写过<计算机程序设计艺术>,曾经是美国最年轻的科 ...

  8. 关于Ext.js和Ext.Net的杂谈

    最近几年比较火的前端js框架extjs 算是其中的佼佼者.统一的UI设计,强悍的组件及丰富的插件,对浏览器良好的兼容性等优点使得许多公司使用Extjs,同时也使得无数程序猿开始研究这个玩意也包括我在内 ...

  9. 81.Ext TreePanel实现单选等功能

    转自:https://blog.csdn.net/iteye_7988/article/details/81886654 在ext1.x里,树是没有checkbox的, 幸好在2.X版本里提供了这个功 ...

随机推荐

  1. Spring通过注释配置Bean2 关联关系

    接着我们讲讲关联关系的配置,我们耳熟能详的MVC结构,Controller关联着Service,Service关联着UserRepository,接着上一节的代码,完成上诉功能 在Main方法里,我们 ...

  2. 使用FastJson进行对象和JSON转换属性命名规则为下划线和驼峰的问题

    public class AliPayParam { @JSONField(name="out_trade_no") private String outTradeNo; @JSO ...

  3. WebSocket介绍,与Socket的区别

    WebSocket介绍与原理 WebSocket protocol 是HTML5一种新的协议.它实现了浏览器与服务器全双工通信(full-duplex).一开始的握手需要借助HTTP请求完成. ——百 ...

  4. 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坐标至少有一个整点的时 以及   给出的直线才有路径(也就是格子坐标图的线上) 问 两个整点所需要 ...

  5. VUE项目中使用mint-ui框架总结

    针对PC端,element-ui可谓是首选了,UI体验效果很好. element-ui 框架官网:http://element.eleme.io/#/zh-CN/component/installat ...

  6. Linux-Jenkins安装部署

    Jenkins 安装及插件安装 Jenkins简介: Jenkins只是一个平台,真正运作的都是插件.这就是jenkins流行的原因,因为jenkins什么插件都有 Hudson是Jenkins的前身 ...

  7. linux查看主板型号、CPU、显卡、硬盘等信息

    系统 uname -a # 查看内核/操作系统/CPU信息 head -n 1 /etc/issue # 查看操作系统版本 cat /proc/cpuinfo # 查看CPU信息 hostname # ...

  8. django 4.get接口开发

    根据上一篇文章,有post,那么就有get请求,其余部分不变,就是把post换成get就可以. #views.py from django.http.response import HttpRespo ...

  9. vue引入fastclick设置输入框type="number"报错Failed to execute 'setSelectionRange' on 'HTMLInputElement': The input element's type ('number') does not support selection.的解决办法

    将输入框type设为text,通过正则验证输入的值

  10. 隧道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 ...