`
joerong666
  • 浏览: 410316 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

div 、ul、li 动态生成table

 
阅读更多

public string GenerateTable(int colCount,SqlDataReader rs,string[] fields,string startStr,string endStr)
        {
            int i = 0;
            StringBuilder resultStr = new StringBuilder();

            while (rs.Read())
            {
                //将索引复位
                if (++i % colCount == 0)
                    i = 0;

                //colCount余数为1说明将进行分行,接下的列将纳入新的行中
                if (i == 1)
                    resultStr.Append("<ul>");

                foreach (string field in fields)
                {
                    //列标签开始
                    resultStr.Append("<li>");

                    //内容
                    resultStr.Append(startStr);
                    resultStr.Append(rs[field].ToString());
                    resultStr.Append(endStr);

                    //列标签结束
                    resultStr.Append("</li>");
                }

                //colCount余数为0说明行结束
                if (i == 0)
                    resultStr.Append("</ul>");
            }

            //如果colCount的余数在0和colCount之间,则说明前一行的列数不够colCount,结尾尚无</ul>,故需补上
            if (0 < i && i < colCount)
                resultStr.Append("</ul>");

            return resultStr.ToString();
        }

        /// <summary>
        /// 用div、ul、li 生成表格
        /// </summary>
        /// <param name="colCount">每行的列数</param>
        /// <param name="fields"></param>
        /// <param name="startStr"></param>
        /// <param name="endStr"></param>
        /// <param name="liClass"></param>
        /// <returns></returns>
        public string GenerateRow(int colCount, string[] fields, string startStr, string endStr,string liClass)
        {
            int i = 0;
            StringBuilder resultStr = new StringBuilder();

            foreach (string field in fields)
            {
                //将索引复位
                if (++i % colCount == 0)
                    i = 0;

                //colCount余数为1说明将进行分行,接下的列将纳入新的行中
                if (i == 1)
                    resultStr.Append("<ul>");

                //列标签开始
                resultStr.Append("<li" + (liClass == String.Empty || liClass == null ?String.Empty:" class=\"" + liClass + "\"") + ">");

                //内容
                resultStr.Append(startStr);
                resultStr.Append(field);
                resultStr.Append(endStr);

                //列标签结束
                resultStr.Append("</li>");

                //colCount余数为0说明行结束
                if (i == 0)
                    resultStr.Append("</ul>");
            }

            //如果colCount的余数在0和colCount之间,则说明前一行的列数不够colCount,结尾尚无</ul>,故需补上
            if (0 < i && i < colCount)
                resultStr.Append("</ul>");

            return resultStr.ToString();
        }

分享到:
评论

相关推荐

    好看的下拉菜单

    .menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:105px; top:0; color:#000;} &lt;![endif]--&gt; &lt;div class="menu"&gt; &lt;ul&gt; &lt;li&gt;&lt;a class="hide" href="../menu/index.html"&gt;DEMOS...

    纯DIV+CSS网页示例

    而div 你可以 div ul li 也可以 ol li 还可以 ul li ……但标准语法最好有序的写。 12.另外如果你不是javascrput的高手,你可以不必去写ID,只用class就可以。当客户端程序员写完程序,需要调整时候,你可以在利用...

    div+css实现两列table效果示例

    display:inline}.mycode ul{ width:500px; height:300px } .mycode li{ width:200px; float:left; height:30px; list-style:none} .mycode li p{text-align:right; margin-top:0px} &lt;p&gt; .sheng{ color:#F05D

    雅虎TAB效果代码 Javascript实现

    #tabs ul li div {display:none;} #tabs ul li:hover {padding-bottom:132px; border-bottom:1px solid #fff; color:#000; margin-bottom:0;} #tabs ul li:hover &gt; a.outer {color:#000; background-position:0 -...

    JQ高仿select控件

    &lt;div style="padding:100px;"&gt; &lt;p&gt;JQ高仿select控件 &lt;br/&gt; &lt;div style="height:100px;border-bottom:5px solid #ff0000;"&gt; &lt;table cellpadding="0" cellspacing="0" border="0"&gt; ...

    ASP.Net电子商务网站后台模板

    &lt;li id="now19"&gt;生成文件管理" href="#" target="content3"&gt;生成文件管理&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li id="now1a"&gt;标签管理" href="#" target="content3"&gt;标签管理&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li id="now1b"&gt;模板管理" onclick=...

    【JavaScript源代码】JavaScript实现table切换的插件封装.docx

     本文实例为大家分享了JavaScript实现table切换插件的封装代码,供大家参考,具体内容如下 效果图: HTML部分: &lt;div class="box"&gt; &lt;div id="tabBox"&gt; &lt;ul&gt; &lt;li class="liStyle"&gt;A&lt;/li&gt; &lt;li&gt;B&lt;/li&gt; &lt;li&gt;C&lt;/...

    通过css动画实现一个表格滚动轮播效果

    css动画的一个应用,与此前的... &lt;div class=box&gt; &lt;ul class=header&gt; &lt;li class=cell&gt;序号&lt;/li&gt; &lt;li class=cell&gt;姓名&lt;/li&gt; &lt;li class=cell&gt;年龄&lt;/li&gt; &lt;li class=cell&gt;性别&lt;/li&gt; &lt;li class=cell&gt;专业&lt;/li&gt; &lt;/ul&gt;

    HTML基本标签属性总结

    4种块结构:div-ul(ol)-li 导航菜单 div-dl-dt-dd 图文混编 table-tr-td 规整数据 form-table-tr-td 表单布局 块标签:基本块级标签 标题:h1-h6 段落:p 水平线:hr 常用布局标签 有序:ol-li ...

    CSS里元素初始化文件html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,

    对css里的元素如:html, body, div, ... strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td的初始化

    用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器

    } #table ul { margin:0px; padding:0px; width:701px!important; width /**/:700px; list-style-type:none; border-bottom:0px #000 solid; border-left:0px #000 solid; } #table li { float:left; display

    精易模块---用于网页操作及其它功能的易语言模块

    ULLI_取引用代码 说明:取【ULLI】的引用代码,失败返回空文本 ULLI_选择 说明:选择指定的【ULLI】项,失败返回假 表格_取单元格数量 说明:取出指定【表格】内的所有单元格数量,失败返回0 表格_取单元格文本 ...

    如家宠物网站

    &lt;li &gt; 新闻列表页news.html" target="_self"&gt;&lt;span&gt;新闻动态&lt;/span&gt;&lt;/a&gt; &lt;/li&gt; &lt;li &gt; 值班医生列表页products.html" target="_self"&gt;&lt;span&gt;值班医生&lt;/span&gt;&lt;/a&gt; &lt;/li&gt; &lt;li &gt; 宠物病况信息页down....

    jQuery折叠菜单

    ul,li { margin:0px; padding:0px; list-style-type:none; font-size:12px; } a{ display:block; text-decoration:none; } img{ border:none; } #narBar{ width:155px; border:1px solid ...

    jquery弹出框的用法示例(2)

    代码如下: &lt;div class=”listBox”&gt; &lt;div class=”tit”&gt; 询盘分配&lt;/h2&gt; &lt;div class=”listTit”&gt; &lt;ul&gt; &lt;li class=”inquryCon”&gt;询盘详情&lt;/li&gt; &lt;li&gt;联系人&lt;/li&gt; &lt;li&gt;所在地&lt;/li&gt; &lt;li&gt;来源&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div...

    一个简单的网页设计

    &lt;div class="table" id="con_one_3" style="display:none"&gt; &lt;div&gt; &lt;p&gt;&lt;iframe src="uploadfile" frameborder="0" style="width:800px; height:340px;"&gt;&lt;/iframe&gt;&lt;/p&gt; &lt;div class="clear"&gt;&lt;/div&gt; &lt;/div&gt;...

    EBdiy 建站宝 v1.0.0.637.rar

    EBdiy企业建站宝该系统所有的代码程序、企业网站模板免费开源下载,...对模板引擎进行大的优化,去除table分行效果,改用(ul li或div div) 修正模板引擎的工作流程,加入对IF语句支持 增加一套新的模板(template_4)

    zencart 首页tab切换best,new产品

    &lt;/ul&gt;&lt;/div&gt;&lt;/div&gt; &lt;div class="lista"&gt; &lt;?php require($template-&gt;get_template_dir('tpl_modules_whats_new.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_whats_new.php'); ?&gt; &lt;/...

    index.html

    &lt;li&gt;&lt;img src="img/Changde-3.jpeg" align="right" height="200px" width="300px"&gt;&lt;/img&gt;&lt;/li&gt; &lt;li&gt;&lt;img src="img/Changde-4.jpg" align="right" height="200px" width="300px"&gt;&lt;/img&gt;&lt;/li&gt; &lt;li&gt;...

Global site tag (gtag.js) - Google Analytics