Ext js中CheckBoxGroup的动态绑定
<script type="text/jscript">
var WinXianCode;
function SearchGetXianLuF(Type)
{
if(!WinXianCode)
{
//创建窗体框
WinXianCode=new Ext.Window({
id:'WinXianCode',
width:,
height:,
closeAction:'hide',
autoScroll:true,
model:true,
items : [
new Ext.form.FormPanel({
frame:true,
defaultType:'textfield',
id:'c-form',
labelWidth :,
defaults:{width:},
})
],
title:'报价项目包含不包含项'
});
}
QuotedPriceView(Type);
//弹出窗体
WinXianCode.show('XianLuCode');
}
</script> <script type="text/javascript"> //报价数据加载
function QuotedPriceView(Type)
{
var QuotedPriceCheckboxItems = [];
Ext.MessageBox.wait('报价数据正在加载','请稍等...');
Ext.Ajax.request({
url:'QuotedPrice.aspx',
method : 'post',
success: function (r) {
Ext.MessageBox.hide();
var data = Ext.decode(r.responseText).QuotedPricelist;
if(data.length>)
{
//获取报价:开始
for(var i=;i<data.length;i++)
{
QuotedPriceCheckboxItems.push
({
id:'CheckBox'+data[i].name,
name:data[i].name,
boxLabel: data[i].boxLabel,
inputValue:data[i].inputValue,
listeners:{
check:function(el,checked){
var coninter=Ext.getCmp("QuotedPriceS");
if(coninter!=undefined)
{
var inter=coninter.items;
var xq=[];
for (var i = ; i < inter.length; i++)
{
if (inter!=null && inter.get(i).checked)
{
xq.push(inter.get(i).inputValue);
}
}
if(Type==)
{
//费用包含
Ext.getCmp("ratedetail").setValue(xq.join('\n')); }
if(Type==)
{
//费用不包含
Ext.getCmp("ratedetailno").setValue(xq.join('\n'));
}
}
}
}
});
}
//获取报价:结束 //定义多选的报价数组:开始
var checkGroup = new Ext.form.CheckboxGroup({
id:'QuotedPriceS',
xtype:'checkboxgroup',
fieldLabel:'报价',
width:,
columns:,
items:QuotedPriceCheckboxItems
});
//定义多选的报价数组:结束 //多选的容器:开始
var cbp = Ext.getCmp("c-form");
cbp.items.add(checkGroup);
cbp.show();
cbp.doLayout();
//多选的容器:结束
}
}
});
}
</script>
后台返回的json数据:
JArray jar = new JArray();
DataSet db_QuotedPrice = SPBll.Packages.getQuotedPrice();
foreach (DataRow row in db_QuotedPrice.Tables[].Rows)
{
jar.Add(new JObject(
new JProperty("name", row["id"].ToString()),
new JProperty("inputValue", row["cname"].ToString()),
new JProperty("boxLabel", row["cname"].ToString())
));
}
Response.Write(new JObject(new JProperty("QuotedPricelist", jar)));
Ext js中CheckBoxGroup的动态绑定的更多相关文章
- Ext JS中Button的一般使用
Ext JS中Button按钮的显示,以及按钮的部分事件 一.属性 renderTo:将当前对象所生成的HTML对象存放在指定的对象中 text:得到按钮名称 minWidth:按钮最小宽度 hidd ...
- Ext JS中的typeOf
Ext JS中的typeOf:以字符串格式,返回给定变量的类型 其中对字符串对象.元素节点.文本节点.空白文本节点判断并不准确 测试代码如下: <!DOCTYPE HTML PUBLIC &qu ...
- 【翻译】在Ext JS中创建特定主题的重写
Ext JS提供了大量的功能来使类的创建和处理变得简单,还提供了一系列的功能来扩展和重新现有的Javascript类.这意味着可以为类添加行为和创建属于自己的类,或者重写某些函数的行为.在本文,将展示 ...
- Ext.js中的tip事件实际使用
Ext.onReady(function () { // Init the singleton. Any tag-based quick tips will start working. Ext.ti ...
- Ext.js中自己扩展的EasyGrid
这里只写了一些核心的代码,具体如下: Ext.ux.EasyGrid = Ext.extend(Ext.grid.GridPanel, { initComponent: function () { t ...
- Ext.js 中 25种类型的Ext.panel.Tool
通过Ext.panel.Panel的tools配置项来设置Ext.panel.Tool实例. 要注意的一点是,Ext框架提供的Ext.panel.Tool仅包含按钮图标而具体的点击事件处理函数需要我们 ...
- Ext.js中树勾选的四种操作
最近在做控件优化的时候产品提了一个需求,对树的勾选要满足四种勾选方案: 1.点击一次根节点,当根节点和子节点均未选中的情况下,根节点和子节点全都选中. 2.第二次点击根节点,当根节点和部分或全部子节点 ...
- 【翻译】在Ext JS和Sencha Touch中创建自己定义布局
原文:Creating Custom Layouts in Ext JS and Sencha Touch 布局系统是Sencha框架中最强大和最独特的一部分.布局会处理应用程序中每个组件的大小和位置 ...
- 【翻译】在Ext JS和Sencha Touch中创建自定义布局
原文:Creating Custom Layouts in Ext JS and Sencha Touch 布局系统是Sencha框架中最强大和最独特的一部分.布局会处理应用程序中每个组件的大小和位置 ...
随机推荐
- c# implicit explicit关键字(隐式和显式数据类型转换)
implicit关键字用于声明隐式的用户定义类型转换运算符.(explicit反之)explicit则用于显示转换用户自定义类型.static implicit operator target_typ ...
- grunt入门之grunt watch的使用
watch几乎是grunt必不可少的应用,一旦配置好watch,保存文件后将立即执行命令 安装方式如下: npm install grunt-contrib-watch --save-dev 安装好以 ...
- js原生appendChild的bug
appendChild 主要是用来追加节点 插入到最后 window.onload = function(){ var ul2 = document.getElementById('ul2'); va ...
- Html游戏开发-画图
1. 画矩形和写字 var canvas = document.getElementById('canvas'), context = canvas.getContext('2d'); context ...
- Looksery Cup 2015 B. Looksery Party 暴力
B. Looksery Party Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/contest/549/pro ...
- IPC——信号
Linux进程间通信——使用信号 一.什么是信号 用过Windows的我们都知道,当我们无法正常结束一个程序时,可以用任务管理器强制结束这个进程,但这其实是怎么实现的呢?同样的功能在Linux上是通过 ...
- jquery ajax请求了两次问题
页面有一个请求form: <form method="post" id="signin"> <label for="orderid& ...
- Mybatis-Generator 自动生成Dao、Model、Mapping相关文档
最近在学习mybatis,结果在写Mapping的映射文件时insert语句一直报错,于是想看看标准的映射文件是什么样.百度到Mybatis-Generator 自动生成Dao.Model.Mappi ...
- uva 101 POJ 1208 The Blocks Problem 木块问题 vector模拟
挺水的模拟题,刚开始题目看错了,poj竟然过了...无奈.uva果断wa了 搞清题目意思后改了一下,过了uva. 题目要求模拟木块移动: 有n(0<n<25)快block,有5种操作: m ...
- 重构4-Push Down Method(方法下移)
我们介绍了将方法迁移到基类以供多个子类使用的上移方法重构,今天我们来看看相反的操作.重构前的代码如下: public abstract class Animal { public void Bark( ...