c#根据后台数据,自动生成checkbox
前端在aspx中,添加生成checkbox的容器div:
<div id="container" runat="server"></div>
后台cs代码如下:
1 private DbHelper m_oDbHelper = null;//dll,数据访问类
2 protected void Page_Load(object sender, EventArgs e)
3 {
4 if (!IsPostBack)
5 {
6
7 int i = 0;
8 try
9 {
10 if (this.m_oDbHelper == null)
11 {
12 this.m_oDbHelper = new DbHelper();
13 }
14 this.m_oDbHelper.OpenDbResource("");//打开数据库
15
16 DbCommand oCmd = m_oDbHelper.CreateDbCommand();
17 oCmd.CommandType = CommandType.Text;//指定sql类型是存储过程还是文本
18 oCmd.CommandText = string.Format("select AreaId,AreaName from TB_PropArea where AreaId = ParentAreaId order by AreaId,AreaName");//从数据库中选择出checkbox的id和checkbox显示的名称
19 oCmd.Parameters.Clear();
20
21 IDataReader reader = oCmd.ExecuteReader();
22
23 while (reader.Read())
24 {
25 CheckBox cbk = new CheckBox();
26 string sza = reader.GetValue(1).ToString();
27
28 cbk.ID = reader.GetValue(0).ToString();
29 cbk.Text = i + 1 + ". " + sza;
30 this.container.Controls.Add(cbk);
31 LogCentral.CurrentLogger.LogInfo("cbk" + (i + 1) + " " + cbk.ID + cbk.Text);//log文件,可以忽略
32
33 i++;
34 }
35
36 }
37 catch(Exception ex)
38 {
39 LogCentral.CurrentLogger.LogInfo(ex.ToString ());
40 }
41 finally
42 {
43 m_oDbHelper.CloseDbResource();
44 }
45 }
46 }
生成后画面如下:
html显示如下:
<div id="container"><input id="Area000015" type="checkbox" name=Area000015" /><label for="Area000015">1. 色差值</label>
<input id="Area000016" type="checkbox" name=Area000016" /><label for="Area000016">2. 平方米克重</label>
<input id="Area000017" type="checkbox" name=Area000017" /><label for="Area000017">3. 厚度</label>
<input id="Area000018" type="checkbox" name=Area000018" /><label for="Area000018">4. 拉力强度</label>
<input id="Area000019" type="checkbox" name=Area000019" /><label for="Area000019">5. 伸长率</label>
<input id="Area000020" type="checkbox" name=Area000020" /><label for="Area000020">6. 静负荷伸长率</label>
<input id="Area000021" type="checkbox" name=Area000021" /><label for="Area000021">7. 残余伸长率</label>
<input id="Area000022" type="checkbox" name=Area000022" /><label for="Area000022">8. 撕裂强度</label>
<input id="Area000023" type="checkbox" name=Area000023" /><label for="Area000023">9. 剥离强度</label>
<input id="Area000024" type="checkbox" name=Area000024" /><label for="Area000024">10. 层间剥离强度</label>
<input id="Area000025" type="checkbox" name=Area000025" /><label for="Area000025">11. 缝口拉断强度</label>
<input id="Area000026" type="checkbox" name=Area000026" /><label for="Area000026">12. 气味试验(80℃*2hrs)</label>
<input id="Area000027" type="checkbox" name=Area000027" /><label for="Area000027">13. 阻燃性</label><input id="Area000028" type="checkbox" name=Area000028" /><label for="Area000028">14. 磨擦色落</label><input id="Area000029" type="checkbox" name=Area000029" /><label for="Area000029">15. 耐热性</label><input id="Area000030" type="checkbox" name=Area000030" /><label for="Area000030">16. 可冷凝成份</label><input id="Area000031" type="checkbox" name=Area000031" /><label for="Area000031">17. TVOC总碳量散发</label><input id="Area000032" type="checkbox" name=Area000032" /><label for="Area000032">18. 耐光照牢度</label><input id="Area000033" type="checkbox" name=Area000033" /><label for="Area000033">19. A4纸擦拭</label><input id="Area000034" type="checkbox" name=Area000034" /><label for="Area000034">20. 蒸汽熨烫</label><input id="Area000036" type="checkbox" name=Area000036" /><label for="Area000036">21. 测试</label><input id="Area000061" type="checkbox" name=Area000061" /><label for="Area000061">22. CC</label><input id="Area000068" type="checkbox" name=Area000068" /><label for="Area000068">23. DD</label><input id="Area000069" type="checkbox" name=Area000069" /><label for="Area000069">24. QQ</label><input id="Area000070" type="checkbox" name=Area000070" /><label for="Area000070">25. EE</label></div>
c#根据后台数据,自动生成checkbox的更多相关文章
- 在Vue中由后台数据循环生成多选框CheckBox时的注意事项
多选框是一种非常常见的功能,有时候我们会根据后台返回的数据进行多选框渲染,之前做项目时遇到循环生成多选框时,v-model绑定的值会随着选中与取消改变,但页面却不会变化 的情况,后来测试了一下,发现多 ...
- 利用在线工具根据JSon数据自动生成对应的Java实体类
如果你希望根据JSon数据自动生成对应的Java实体类,并且希望能进行变量的重命名,那么“JSON To Java”一定适合你.(下面的地址需要FQ) https://jsontojava.appsp ...
- ibatis实战之插入数据(自动生成主键)
ibatis实战之插入数据(自动生成主键) --------- 如果你将数据库设计为使用自动生成的主键,就可以使用ibatis的<selectKey>元素(该元素是<insert&g ...
- Jquery EasyUI datagrid后台数据表格生成及分页详解
由于项目原因,网站后台需要对用户信息进行各种操作,有时还需要进行批量操作,所以首先需要将用户信息展示出来,查了不少资料.发现Jquery EasyUI确实是一个不错的选择,功能强大,文档也比较全面,而 ...
- 通过js根据后台数据动态生成一个页面
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ExportSelField ...
- 安装使用Entity Framework Power Tool Bate4 (Code First)从已建好的数据自动生成项目中的对应Model(新手贴,望各位大侠给予指点)
从开始学习使用MVC以后,同时也开始接触EF,很多原理都不是太懂,只知道安装了EF以后,点击哪里可以生成数据库对应的Model,不用再自己手写Model.这里记录的就是如何从已建立好的数据库生成项目代 ...
- mysql插入数据自动生成主键uuid
DemoMapper.java //注意方法的返回值必须是void; void add(Demo demo); ============================================ ...
- mybatis 添加后获得该新增数据自动生成的 id
// useGeneratedKeys默认值为false,keyProperty的值对应的是User类中的主键字段名 // mybatis 写法如下 <insert id="inser ...
- ExtJs 3.0 动态生成 CheckBox
在开发过程中,往往需要利用数据动态生成Checkbox.如权限节点.考试答案,调查选项等等.在Extjs中,有两种方法来获取后台数据,一是Ext.Ajax()方法,第二种是利用 Store,store ...
随机推荐
- BZOJ总览
1040: [ZJOI2008]骑士 树上加了一条边 断边再树形DP 断边调了好久 要了解题目性质 1045: [HAOI2008] 糖果传递 中位数水题 内含数学方程 变量搞一搞 bzoj1053: ...
- LA6886 Golf Bot(FFT)
题目 Source https://icpcarchive.ecs.baylor.edu/index.php?option=com_onlinejudge&Itemid=8&page= ...
- HDU5834 Magic boy Bi Luo with his excited tree(树形DP)
题目 Source http://acm.hdu.edu.cn/showproblem.php?pid=5834 Description Bi Luo is a magic boy, he also ...
- BZOJ4356 : Ceoi2014 Wall
求出左上角到每个需要保护的点左上角的最短路树,那么最优解一定圈住了它们. 然后将每个点拆成四个点,四个点之间如果没跨越最短路树的树边,那就连0权边. 每个需要保护的点四周4个点都不可通行,求出最短路即 ...
- android presentation
对于双屏异显(lcd 和 hdmi 的双屏异显),android框架已经支持,但是底层接口功能还是要自己去实现,且需要底层驱动支持. 使用presentation 去画第二个display就好了. M ...
- ACM The Famous Clock
The Famous Clock 时间限制:1000 ms | 内存限制:65535 KB 难度:1 描述 Mr. B, Mr. G and Mr. M are now in Warsaw, ...
- 关于scrollbar-face-color只支持ie的解决办法!
关于scrollbar-face-color只支持ie的解决方法!!今天突然有人问我滚动条css自定义的方法,我发现用scrollbar-base-color这种方法只有ie支持,查了半天资料总结如下 ...
- 读书笔记:javascript高级技巧(二)
四.惰性载入函数 因为浏览器兼容的原因,我们的javascript代码会有大量的if语句,将执行引导到正确的代码中,看如下函数: function createXHR(){ if (typeof XM ...
- C#中如何在字符串中设置上标
一.HTML中:如字符串"21st" 想要把st 设置为上标,在html标签中是21<sup>st</sup> 二.C#编辑器中你可以使用 unicode ...
- MongoDB用户权限基本操作
查看当前数据库的全部用户 > show users{ "_id" : ObjectId("4dedeeae26e7516d69948e33" ...