<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的动态绑定的更多相关文章

  1. Ext JS中Button的一般使用

    Ext JS中Button按钮的显示,以及按钮的部分事件 一.属性 renderTo:将当前对象所生成的HTML对象存放在指定的对象中 text:得到按钮名称 minWidth:按钮最小宽度 hidd ...

  2. Ext JS中的typeOf

    Ext JS中的typeOf:以字符串格式,返回给定变量的类型 其中对字符串对象.元素节点.文本节点.空白文本节点判断并不准确 测试代码如下: <!DOCTYPE HTML PUBLIC &qu ...

  3. 【翻译】在Ext JS中创建特定主题的重写

    Ext JS提供了大量的功能来使类的创建和处理变得简单,还提供了一系列的功能来扩展和重新现有的Javascript类.这意味着可以为类添加行为和创建属于自己的类,或者重写某些函数的行为.在本文,将展示 ...

  4. Ext.js中的tip事件实际使用

    Ext.onReady(function () { // Init the singleton. Any tag-based quick tips will start working. Ext.ti ...

  5. Ext.js中自己扩展的EasyGrid

    这里只写了一些核心的代码,具体如下: Ext.ux.EasyGrid = Ext.extend(Ext.grid.GridPanel, { initComponent: function () { t ...

  6. Ext.js 中 25种类型的Ext.panel.Tool

    通过Ext.panel.Panel的tools配置项来设置Ext.panel.Tool实例. 要注意的一点是,Ext框架提供的Ext.panel.Tool仅包含按钮图标而具体的点击事件处理函数需要我们 ...

  7. Ext.js中树勾选的四种操作

    最近在做控件优化的时候产品提了一个需求,对树的勾选要满足四种勾选方案: 1.点击一次根节点,当根节点和子节点均未选中的情况下,根节点和子节点全都选中. 2.第二次点击根节点,当根节点和部分或全部子节点 ...

  8. 【翻译】在Ext JS和Sencha Touch中创建自己定义布局

    原文:Creating Custom Layouts in Ext JS and Sencha Touch 布局系统是Sencha框架中最强大和最独特的一部分.布局会处理应用程序中每个组件的大小和位置 ...

  9. 【翻译】在Ext JS和Sencha Touch中创建自定义布局

    原文:Creating Custom Layouts in Ext JS and Sencha Touch 布局系统是Sencha框架中最强大和最独特的一部分.布局会处理应用程序中每个组件的大小和位置 ...

随机推荐

  1. vc6.0 通过ADO(udl)连接sql 2008

    转载声明:本文转自http://blog.sina.com.cn/s/blog_7328b9dd0100pkbw.html茗之的博客   首先声明:本文是针对vc与sql菜鸟的,高人请让路. 本文讲解 ...

  2. FlashPaper 使用经验之谈

    李志海  20101229  QQ:76855049 CSDN:资源下载地址:http://lizhihai_99.download.csdn.net/ http://download.csdn.ne ...

  3. T4模板语法

    T4,即4个T开头的英文字母组合:Text Template Transformation Toolkit. T4文本模板,即一种自定义规则的代码生成器.根据业务模型可生成任何形式的文本文件或供程序调 ...

  4. CMSIS RTOS -- embOS segger

    #ifndef __CMSIS_OS_H__ #define __CMSIS_OS_H__ #include <stdint.h> #include <stddef.h> #i ...

  5. wp8 在OnBackKeyPress事件中调用MessageBox.Show()崩溃

    今天写代码的时候遇到一个问题,在wp8中执行下面的代码后,弹出对话框后,停滞一段时间程序退出. protected override void OnBackKeyPress(CancelEventAr ...

  6. jQuery + jQuery Mobile 实现省市二级下拉列表页面

    一.需求: 提供省.市下拉列表,当用户选择省一级下拉列表项后,市下拉列表的各个选项自动变为该省对应的城市列表. 二.效果: 三.实现: 1.省市json数据,来自: http://www.cnblog ...

  7. ProgressCircular

    https://github.com/eltld/ProgressCircular

  8. IOS中类和对象还有,nil/Nil/NULL的区别

    转自:http://blog.sina.com.cn/s/blog_5fb39f910101akm1.html 类与对象的概念 类是对同一类事物高度的抽象,类中定义了这一类对象所应具有的静态属性(属性 ...

  9. mysql记录sql执行时间

    1.开启和关闭mysql> set profiling=1;mysql> set profiling=0; information_schema 的 database 会建立一个PROFI ...

  10. CSU OJ PID=1514: Packs 超大背包问题,折半枚举+二分查找。

    1514: Packs Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 61  Solved: 4[Submit][Status][Web Board] ...