DoctorWorkStation_CommonDoctorAdvice.CreateYZCheckBoxWin = function(store, colnum,title) {
var count = store.getCount();
var myCheckboxItems = [];
for (var i = 0; i < count; i++) {
var boxLabel = store.getAt(i).get("name");
var name = store.getAt(i).get("id");
myCheckboxItems.push({
boxLabel : boxLabel,
name : name
});
}
var myCheckboxGroup = new Ext.form.CheckboxGroup({
xtype : 'checkboxgroup',
itemCls : 'x-check-group-alt',
columns : colnum,
items : myCheckboxItems
});
var form = new Ext.FormPanel({
border : true,
frame : true,
labelAlign : "right",
buttonAlign : 'right',
layout : 'column',
width : 500,
items : [myCheckboxGroup],
buttons : [{
xtype : 'button',
text : '确定',
handler : function() {
var ids = [];
var cbitems = myCheckboxGroup.items;
for (var i = 0; i < cbitems.length; i++) {
if (cbitems.itemAt(i).checked) {
ids.push(cbitems.itemAt(i).name);
}
}
win.destroy();
if (ids.length) {
Ext.Msg.alert("消息", "选中状态的id组合字符串为:"
+ ids.toString());
}
}
}, {
xtype : 'button',
text : '取消',
handler : function() {
win.destroy();
}
}]
});
var win = new Ext.Window({
modal : true,
layout : 'fit',
title : title,
width : 500,
height : 300,
plain : true,
items : [form]
});
win.show();
}
分享到:
相关推荐
本篇将详细探讨`checkBoxGroup`的使用方法及其取值方式,这对于创建复杂的表单和数据选择功能至关重要。 `Ext JS`中的`checkBoxGroup`是一个方便的组件,它允许用户在一个组内多选或单选复选框。`checkBoxGroup`常...
Ext_Net_CheckboxGroup 勾选、全选、反选和限制勾选
重写 代码如下: //解决checkboxgroup回填数据问题 Ext.override(Ext.form.BasicForm,{ findField : function(id){ var field = this.items.get(id); if(!field){ this.items.each(function(f){ if(f.isXType(...
var checkboxGroup = Ext.create('Ext.form.CheckboxGroup', { columns: 2, items: [{ boxLabel: 'Option 1', name: 'option1', inputValue: '1' }, { boxLabel: 'Option 2', name: 'option2', inputValue:...
EXTjs2 的treeNode 带有checkbox,可是API中,关于checkbox的事件就只有一个checkchange事件,所以写个方法传上来。
Extjs3.0 中的CheckboxGroup默认不能动态添加item。虽然它继承了Ext.form.Field,但是却类似于容器。 CheckboxGroup配置中的items处理生成一个对应的panel,该处理过程只有一次,所以很难对CheckboxGroup进行动态...
如果需要一组互斥的复选框,可以使用`Ext.container.CheckboxGroup`,它允许用户从一组选项中选择一个。配置`columns`属性可以设置每行显示的复选框数量。 8. **响应式设计** 在移动设备上,复选框的布局可能需要...
代码如下: Ext.override(Ext.form.CheckboxGroup,{ setValueForItem : function(val){ //多个选项值以逗号分开的 val = “,”+val+”,” this.items.each(function(item) { if (val.indexOf(item.inputValue) > -1) ...
在JavaScript编程中,`CheckBoxGroup.js` 是一个用于管理复选框组的类,它提供了一种方便的方式来处理多个复选框之间的交互和数据管理。这个类通常用于创建用户界面,其中用户可以从多个选项中选择一个或多个。下面...
<td><input type="checkbox" id="cb1" name="checkboxGroup"> 数据1 <td><input type="checkbox" id="cb2" name="checkboxGroup"> 数据2 <!-- 更多行... --> ``` 2. **JavaScript 获取值** 在 ...
CheckboxGroup还支持互斥选择,即在同一组内的Checkbox只能选择一个,这可以通过设置互斥属性来实现。 在压缩包文件"TJTestV3"中,可能包含了使用这些技术的示例代码或者项目资源。这个测试项目可能是一个包含HTML...
在EXT.NET中,我们可以为每个TreePanel节点添加Checkbox,通过配置`CheckBoxModel`来控制其行为。以下是一些关键知识点: 1. **CheckBoxModel配置**: - `Checkable`: 这个属性用来指定节点是否可被选中,设置为`...
Visual Studio 2012(VS2012)提供了丰富的控件库,包括CheckBox控件,它允许用户进行二选一的选择,比如开启或关闭某个功能。在本文中,我们将探讨如何在C#中动态生成和获取CheckBox控件的值,主要关注两种不同的...
在Java编程中,`CheckBoxGroup`是一个经常用于创建多选框选择功能的组件,它允许用户从一组选项中选择一个或多个。这个组件通常在GUI(图形用户界面)设计中使用,例如在创建表单或者设置菜单时。下面将详细讨论`...
1. `xtype`: 这个属性定义了组件的类型,对于`checkboxgroup`来说,它的值就是'checkboxgroup'。 2. `name`: 用于标识一组复选框,通常在表单提交或数据绑定时使用,确保后台可以正确地获取到用户的选择。 3. `id`: ...
checkbox实例,还有radiobox