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框架中最强大和最独特的一部分.布局会处理应用程序中每个组件的大小和位置 ...
随机推荐
- 全代码实现ios-2
全代码开发ios第一个应用程序,完全像是盲人摸象. 首先,要设计这个应用,无论从界面,还是颜色搭配,以及功能,都是一个人完成. 也许,做独立开发人真的相当不容易. 因为,没有人帮忙给意见,而且,也没有 ...
- 【转】 Volley NegativeArraySizeException 解决
http://blog.csdn.net/very_caiing/article/details/46241531 今天在百度统计看项目上有一个crash比较高的bug: Java.lang.Nega ...
- Java *字格
class XingDemo { public static void main(String[] args) { int j = 0; int i = 0; int k = 0; for(i = 0 ...
- 容器的end()方法
容器的end()方法,返回一个迭代器,需要注意:这个迭代器不指向实际的元素,而是表示末端元素的下一个元素,这个迭代器起一个哨兵的作用,表示已经处理完所有的元素. 因此,在查找的时候,返回的迭代器,不等 ...
- GLSL实现Interactive Fluid 流体【转】
http://blog.csdn.net/a3070173/archive/2008/12/08/3479477.aspx 完成的部分: 1.流体本身的绘制和更新 未解决的部分: 1.由于采用经过抖动 ...
- 《Java并发编程实战》第三章 对象的共享 读书笔记
一.可见性 什么是可见性? Java线程安全须要防止某个线程正在使用对象状态而还有一个线程在同一时候改动该状态,并且须要确保当一个线程改动了对象的状态后,其它线程能够看到发生的状态变化. 后者就是可见 ...
- lambda形式(转)
lambda语句被用来创建新的函数对象,并且在运行时返回它们. 使用lambda形式 #!/usr/bin/python# Filename: lambda.py def make_repeater( ...
- acdreamoj1108(The kth number)
题目链接:http://acdream.info/problem? pid=1108 题意:n个数的数列,m次查询某个区间出现次数第k多的数出现的次数.n,m<=100000 解法:这个由于是离 ...
- CPU 100%
http://www.cnblogs.com/xuehong1985/articles/757060.html
- URL请求过程
一.URL(Uniform Resource Locator)统一资源定位符,是可以从互联网上得到的资源的位置和访问方法的一种简洁表示,是互联网上标准资源的地址.互联网上的每一个文件都有一个唯一的UR ...