webform 后台拼接table_webform中使用bootstrap-table - CSDN
精华内容
参与话题
  • 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 ... public...

     

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    22

    23

    24

    25

    26

    27

    public string GetTable()

            {

                StringBuilder sb = new StringBuilder();

                sb.Append("<table id=\"table_top\"  class=\"tableCss\" style=\"color:#ffffff\">");

                sb.Append("<tr><td class=\"auto-style1\">任务编码</td><td class=\"auto-style6\">&nbsp;</td><td class=\"auto-style1\">任务数量</td><td>&nbsp;</td></tr>");

                sb.Append("<tr><td class=\"auto-style1\">产品名称</td><td colspan=\"3\">&nbsp;</td></tr>");

                sb.Append("<tr><td class=\"auto-style1\">组托规范</td><td colspan=\"3\">&nbsp;</td></tr>");

                sb.Append("</table>¥");

                sb.Append("<table class=\"auto-style3\" id=\"table2\">");

                sb.Append("<tr><td class=\"auto-style1\">任务状态</td><td class=\"auto-style4\" id=\"renwu\"></td></tr>");

                sb.Append("<tr><td class=\"auto-style1\">托盘状态</td><td class=\"auto-style4\" id=\"tuopan\"><span id=\"zhengchang\">正常</span><span id=\"cuowu\">错误</span></td></tr>");

                sb.Append("<tr><td class=\"auto-style1\">累计失败</td><td>&nbsp;</td></tr>");

                sb.Append("<tr><td class=\"auto-style1\">当前数量</td><td>&nbsp;</td></tr>");

                sb.Append("<tr><td class=\"auto-style1\">累计成功</td><td>&nbsp;</td></tr>");

                sb.Append("</table>¥");

                sb.Append(" <table class=\"auto-style3\" id=\"table3\" style=\"color:#ffffff\">");

                sb.Append("<tr><td class=\"auto-style1\">托盘识别码</td><td colspan=\"2\">&nbsp;</td></tr>");

                sb.Append("<tr><td rowspan=\"7\" class=\"auto-style1\">扫描队列</br>滚动记录</td><td class=\"auto-style5\">1</td><td>&nbsp;</td></tr>");

                sb.Append("<tr><td class=\"auto-style5\">2</td><td>&nbsp;</td></tr>");

                sb.Append("<tr><td class=\"auto-style5\">3</td><td>&nbsp;</td></tr>");

                sb.Append("<tr><td class=\"auto-style5\">4</td><td>&nbsp;</td></tr>");

                sb.Append("<tr><td class=\"auto-style5\">5</td><td>&nbsp;</td></tr>");

                sb.Append("<tr><td class=\"auto-style5\">6</td><td>&nbsp;</td></tr>");

                sb.Append("<tr><td class=\"auto-style5\">7</td><td>&nbsp;</td></tr>");

                sb.Append("</table>");

                return sb.ToString();

            }


    上面是我拼的表,下面是我前台的
     

    Plain Text code?

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    function table() {

                $.ajax({

                    url: "Ash/index.ashx",

                    type: "GET",

                    dataType: "text",

                    data: {"ID":""},

                    error: function (XMLHttpRequest, textStatus, errorThrown) {

                     

                    },

                    success: function (sb) {

                        var table1 = '<table class="tableCss" style="color:#FFFFFF">'

                        $("#top").html(sb.split("¥")[0]);

                        $("#middle_left").html(sb.split("¥")[1]);

                        $("#mieele_right").html(sb.split("¥")[2]);

                         

                    }

                });

            }



    这是现在的界面图


    这是要求的界面



    这是我的ajax后台查询语句

    C# code?

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

     public void ProcessRequest(HttpContext context)

            {

                context.Response.Write(GetTable()+"¥");

                //查询状态为开始的任务

                DataTable dtStar = _lzbll.GetList(1,"flag=2","").Tables[0];

                string a = ToJson(dtStar);

                if (dtStar.Rows.Count > 0)

                {

                    context.Response.Write(a);

                }

                //没查到,则按时间顺序查找最后面的数据

                else

                {

                    dtStar = _lzbll.GetList(1, """CreatedOn").Tables[0];

                    context.Response.Write(a);

                }

            }




    请问怎么把我查到的数据插进相应的表格

    问题点数:40分

    0 0

    展开全文
  • mvc使用JsonResult返回Json数据

    千次阅读 2014-04-30 10:11:44
    controller 中定义以下方法:  public JsonResult UpdateSingle(int id, string actionName, string actionValue) { var res = new JsonResult(); //var value = "actionValue";

    controller 中定义以下方法: 

    public JsonResult UpdateSingle(int id, string actionName, string actionValue)  
           {  
               var res = new JsonResult();  
               //var value = "actionValue";  
               //db.ContextOptions.ProxyCreationEnabled = false;  
               var list = (from a in db.Articles  
                           select new  
                           {  
                               name = a.ArtTitle,  
                               yy = a.ArtPublishTime  
                           }).Take(5);  
               //记得这里要select new 否则会报错:序列化类型 System.Data.Entity.DynamicProxies XXXXX 的对象时检测到循环引用。  
               //不select new 也行的加上这句 //db.ContextOptions.ProxyCreationEnabled = false;  
               res.Data = list;//返回列表  
      
               var name = "小华";  
               var age = "12";  
               var name1 = "小华";  
               var age1 = "12";  
               res.Data = new object[] { new { name, age }, new { name1, age1 } };//返回一个自定义的object数组  
      
               var person = new { Name = "小明", Age = 22, Sex = "男" };  
               res.Data = person;//返回单个对象;  
      
               res.Data = "这是个字符串";//返回一个字符串,意义不大;  
      
               res.JsonRequestBehavior = JsonRequestBehavior.AllowGet;//允许使用GET方式获取,否则用GET获取是会报错。  
               return res;  
           }  

    页面调用:

    <a href="javascript:void(0);" οnclick="javascript:upclick(this);">Click Me</a>  
    <script type="text/javascript">  
        function upclick(o) {  
            var obj = $(o);  
            alert(obj);  
            $.ajax({          
                url: "/Articles/UpdateSingle?ran=" + Math.random(),  
                type: "GET",  
                dataType: "json",  
                data: { id: obj.attr("id"), actionName: obj.attr("actionName"), actionValue: obj.attr("actionValue") },  
                success: function (data) {  
    //                if (data.result == "True") {  
    //                    alert("修改成功!");  
    //                }  
    //                if (obj.attr("actionName") == "ArtVerify") {  
      
    //                }  
                    $(o).html(data[0].name);  
                    obj.attr("actionValue", data[0].result);  
                }  
            })  
        }  
    </script>  

    以上是在mvc中使用,在webform中怎么使用呢?
    在webform中要引用Newtonsoft.Json.dll;
    当然你也可以自己拼接字符串。

    protected void Page_Load(object sender, EventArgs e)  
            {  
                var customer = new customer { name = "李华", sex = "男" };  
                var customer1 = new customer { name = "小芳", sex = "女" };  
                var li = new List<customer>();  
                li.Add(customer);  
                li.Add(customer1);  
                var list = Newtonsoft.Json.JavaScriptConvert.SerializeObject(li);  
                var tt = "[{\"name\":\"李华\",\"sex\":\"男\"},{\"name\":\"小芳\",\"sex\":\"女\"}]";  
                //new Newtonsoft.Json.JsonSerializer()..(customer);  
                Response.Write(tt);  
                Response.End();  
            }  
      
            public class customer  
            {  
                public string name { get; set; }  
                public string sex { get; set; }  
            }  

    页面方法:

    <p>  
            <a href="javascript:void(0)" οnclick="javascript:getJsonData();">GetJsonData</a>  
        </p>  
        <div id="dataDiv">  
            ggg  
        </div>  
        <script type="text/javascript">  
            function getJsonData() {  
                var str = "";  
                $.getJSON("/Json.aspx", function (data) {  
                    var tt = "";  
                    $.each(data, function (k, v) {  
                        $.each(v, function (kk, vv) {  
                            tt += kk + ":" + vv + "<br/>";  
                        });  
                    });  
                    $("#dataDiv").html(tt);  
                });  
            }  
        </script>  

    显示结果:


    展开全文
  • 可是呢,GridView太顽强了,不管我拼接字符串时用“\r\n”还是"",结果都无济于事,都不分行显示。经过近半天的时间查询资料,最终终于解决了这个问题,下面就与大家分享一下。 GridView中的换行问题可以分为两类
    最近做项目的时候,遇到这样一个问题:我用GridView来显示课程表,每个单元格的内容包括课程名、上课地点、教师姓名,然后我想让它们分行显示,效果如下图:
    


    可是呢,GridView太顽强了,不管我拼接字符串时用“\r\n”还是"<br/>",结果都无济于事,都不分行显示。经过近半天的时间查询资料,最终终于解决了这个问题,下面就与大家分享一下。

    GridView中的换行问题可以分为两类:一类是自动换行,另一类是正常换行。

    先说第一类:自动换行

    GridView默认是自动换行,就是说当显示的字符串比较长的时候,GridView会自动换行。

    比如我们要显示:“当字符串比较长的时候就会自动换行换行了”,效果如下:


    当然,如果我们不想让它自动换行,在页面后台添加如下代码即可:

    复制代码代码如下:

    //正常换行 
    GridView1.Attributes.Add("style","word-break:keep-all;word-wrap:normal");

    添加后效果图如下:


    下面说说第二类:正常换行

    正常换行的关键在于换行符的选取,有人说用转义字符"\r\n",也有人说用"<br/>"。那到底用哪个呢?下面先看看这两种的显示效果:

    1、显示字符串:"当字符串"+ "\r\n" + "比较长的\r\n时候就会自动换行换行了"

    显示效果图如下(和没加一样):


    2、显示字符串:"当字符串比较长的时候"+ "<br />" + "这里就换行了"

    显示效果图如下:


    由上可以看出,单凭加个换行符是不能解决问题的。正确的解决方法如下:

    1、应该使用 "<br/>"

    2、
    ①如果你绑定字段为设置模版列,那么把对应的BoundField设置参数HtmlEncode= "false" 即可。

    ②如果为自动生成字段:请添加GridView1_RowDataBound事件

    复制代码代码如下:

    /// <summary> 
    /// 使得GridView中的内容可以换行 
    /// </summary> 
    /// <param name="sender"></param> 
    /// <param name="e"></param> 
    protected void GridView1_RowDataBound1(object sender, GridViewRowEventArgs e) 

    if (e.Row.RowType == DataControlRowType.DataRow) 

    TableCellCollection cells = e.Row.Cells; 
    foreach (TableCell cell in cells) 

    cell.Text = Server.HtmlDecode(cell.Text); //注意:此处所有的列所有的html代码都会按照html格式输出,如果只需要其中的哪一列的数据需要转换,此处需要小的修改即可。 


    }

    看看添加完后的显示效果:

    显示字符串:"当字符串"+ "<br />" + "比较长的时候" + "<br />" +"这里就换行了"

    显示效果:

    展开全文
  • 前几天,项目中需要实现动态生成Repeater并绑定数据的功能,记录一下实现的方法 一、使用模板实现 using System; using System.Collections.Generic; using System.Linq;...using System.Web;...namesp...

    前几天,项目中需要实现动态生成Repeater并绑定数据的功能,记录一下实现的方法

    一、使用模板实现

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    namespace RepeaterDemo
    {
        public class RepeaterTemplet : ITemplate
        {
            ListItemType templateType;//列表控件类型
            string headerText = string.Empty;//表头数据 html
            string columns = string.Empty;//绑定数据列名 格式"UserName,"
            /// <summary>
            /// 
            /// </summary>
            /// <param name="type"></param>
            /// <param name="headertext"></param>
            /// <param name="columninfo"></param>
            public RepeaterTemplet(ListItemType type, string headertext, string columninfo)
            {
                templateType = type;
                headerText = headertext;
                columns = columninfo;
            }
            /// <summary>
            /// 
            /// </summary>
            /// <param name="container"></param>
            public void InstantiateIn(System.Web.UI.Control container)
            {
                Literal lc = new Literal();
                switch (templateType)
                {
                    case ListItemType.Header:
                        lc.Text = headerText;
                        break;
                    case ListItemType.Item:
                        lc.DataBinding += new EventHandler(TemplateControl_DataBinding);
                        break;
                    case ListItemType.AlternatingItem:
                        lc.Text = "<TR><TD bgcolor=lightblue>Item number:1</TD></TR>";
                        break;
                    case ListItemType.Footer:
                        lc.Text = "</TABLE>";
                        break;
                }
                container.Controls.Add(lc);
            }
            /// <summary>
            /// 
            /// </summary>
            /// <param name="sender"></param>
            /// <param name="e"></param>
            private void TemplateControl_DataBinding(object sender, System.EventArgs e)
            {
                Literal lc;
                lc = (Literal)sender;
                RepeaterItem container = (RepeaterItem)lc.NamingContainer;           
                string itemText = "<tbody><tr>";
                string []columnsInfo = columns.Split(',');
                for (int i = 0; i < columnsInfo.Length; i++)
                {
                    itemText += "<td>" + DataBinder.Eval(container.DataItem, columnsInfo[i]) + "</td>";
                }
                itemText += "</tr></tbody>";
                lc.Text = itemText;
            }
        }
    }

    调用示例

       protected void Page_Load(object sender, EventArgs e)
            {
                DataTable dt = new DataTable();
                dt.Columns.Add("UserID",typeof(string));
                dt.Columns.Add("UserName", typeof(string));
                dt.Columns.Add("Tel", typeof(string));
                for (int i = 0; i < 10; i++)
                {
                    dt.Rows.Add((i+1).ToString(),"Test"+i,i.ToString());
                }
                string headerText = "<table class=\"table table-bordered table-hover\"><thead><tr><th>用户编号</th><th>用户姓名</th></tr></thead>";
                string columns = "UserID,UserName";
                rept.HeaderTemplate = new RepeaterTemplet(ListItemType.Header ,headerText,"");
                rept.ItemTemplate = new RepeaterTemplet(ListItemType.Item, "", columns);
                rept.FooterTemplate = new RepeaterTemplet(ListItemType.Footer, "", "");
                rept.DataSource = dt;
                rept.DataBind();
            }

    二、使用控件asp:Literal实现

    将数据拼接成html字符串(table),将html字符串赋值给该控件,在前台页面输出

    //前台
    <asp:Literal runat="server" ID="htmltext"></asp:Literal>
    //后台 testhtml为html格式的字符串
    htmltext.Text=testhtml;

     

    展开全文
  • 后台动态生成table表格

    千次阅读 2013-12-12 09:46:29
    以前看到动态生成table的代码时,认为特别复杂,看到代码就不想看,认为这个用不到,而且还抱着一种难的心理. 不管则着,还是逃不过,躲避不是好的方法,这次就用到了动态生成表的要求,不学不行呀,不然页面达不到效果. ...
  • .Net 面试题整理(一)

    万次阅读 多人点赞 2016-05-22 21:36:14
    .Net 面试题整理(一) 好久的资料了,拿出来分享给大家,主要是记录一些面试题整理。Main函数是什么?在程序中使用Main函数有什么需要注意的地方? Q:程序的入口函数!函数名字不能改变;一个程序中有且只有一个...
  • 二、重点是,学习如何从后台传递数据给前台并在前台显示数据 1、了解layui请求方式和参数 首先,layui数据表格默认返回的是Get请求。 其次,如果在html界面中设置了“pge:true”。则,默认从前台传递两个参数【page...
  •  粗略算来,自己从事.NET开发工作2年有余,也来谈谈自己对...当然也有另一部分人是受过高等教育,之后出来从事.NET开发工作,但是他们或者也是受到了一些环境的影响,在WEBFORM的开发模式中,很喜欢托拉控件,编
  • C#面试宝典

    万次阅读 2013-07-02 21:21:02
    w技术类面试、笔试题汇总 注:标明*的问题属于选择性掌握的内容,能掌握更好,没掌握也没关系。   下面的参考解答只是帮助大家理解,不用背,面试题、笔试题千变万化,不要梦想着把题覆盖了,下面的题是供大家查...
  • webform一般很少用到Ajax的形式进行前后台交互,最近遇到一个问题需要用到Ajax请求, 被一个简单的地方深深坑了一下,搞了半天找不到问题,就是传参的时候json串的拼写 先说一下js中的结构写法 $.ajax({ url:...
  • 写自己的ASP.NET MVC框架(上)

    千次阅读 2016-04-25 09:47:24
    开始ASP.NET程序的几种开发方式介绍我的MVC框架我的MVC框架设计架构回忆以往AJAX的实现方式MyMVC中实现AJAX的方式如何使用MyMVC框架中的AJAX功能配置MyMVC框架MyMVC框架的实现原理 - 映射处理器(入口)MyMVC...
  • 用.net面试题总结

    千次阅读 2011-02-11 19:29:00
    用.net做B/S结构的系统,您是用几层结构来开发,每一层之间的关系以及为什么要这样分层? 答: 从下至上分别为:数据访问层、业务逻辑层(又或成为领域层)、表示层 数据访问层:有时候也...
  • 首先来描述一下整体思路:用ado.net连接数据库,读取table信息存在dataset中,拼接成一个字符串返回给前端,前台用AJAX拿到返回的字符串,用fusioncharts的setxmldata方法将数据画成图显示出来。 step1:在sql serve
  • C#面试题集锦

    千次阅读 2016-12-19 14:14:55
    1. 简述 private、 protected、 public、 internal 修饰符的访问权限。 答 . private : 私有成员, 在类的内部才可以访问。 protected : 保护成员,该类内部和继承类中可以访问。 public : 公共成员,完全公开,...
  • 技术类面试、笔试题汇总(整理者:杨中科,部分内容从互联网中整理而来) 注:标明*的问题属于选择性掌握的内容,能掌握更好,没掌握也没关系。 下面的参考解答只是帮助大家理解,不用背,面试题、笔试题...
  • C#的130个面試題目大全

    千次阅读 2015-02-18 07:40:03
    在網上搜索了一籮筐的C#面試題目,現在整理下,放這裡,希望能對自己對各位看官有所幫助 1. 简述 private、 protected、 public、 internal 修饰符的访问权限。 答 .... protected : 保护成员,该类内部和继承类中可以...
  • Web打印利器之-PbDataWindow

    千次阅读 2012-12-22 10:50:49
    业务场景 前段时间公司要把PB的东东搞到Asp.Net项目里,并实现打印.考虑过使用水晶报表,这样PB的DataWindow(数据窗口)就用不上了,这个很心痛,而且水晶报表相当于是个鸡肋.(书中暗表,PB的DataWindow相当相当的强大,...
  • asp.net面试题目大全

    千次阅读 2010-08-24 16:36:00
      在網上搜索了一籮筐的C#面試題目,現在整理下,放這裡,希望能對自己對各位看官有所幫助   1. 简述 private、 protected、 public、 internal 修饰符的访问权限。 答 ....
  • C#面试理论+笔试题整理(带答案)

    千次阅读 2019-09-20 10:20:34
    一、C# 理论 1.1、简述 private、 protected、 public、 internal、protected internal访问修饰符和访问权限 private :私有成员, 在类的内部才可以访问。 protected :保护成员,该类内部和继承类中可以访问。...
  • 数据是Ajax方法接收后台数据,我用一个表单 for循环展现它。 先将前端页面写好: &lt;div id="bg" style ="width:800px;height:400px;z-index:999;left:20%;top:100px;position:fixed;...
1 2 3 4 5 ... 8
收藏数 160
精华内容 64
关键字:

webform 后台拼接table