ASP.NET 前端数据绑定---<%#%>及Eval()的使用

本文详细介绍了ASP.NET中&lt;%=%&gt;和&lt;%#%&gt;的使用方法,前者用于调用后台变量和方法,后者用于前端数据绑定,结合DataBinder.Eval方法实现动态数据展示。

ASP.NET 前端html代码中会经常出现的<%%>的代码,里面的文本其实就是不能直接输出到客户端浏览器的文本,是需要服务器解释的。

在ASP中,<%%>里面的文本是vbscript或者javascript代码,在ASP.NET中,<%%>里面的文本就是.net平台下支持的语言。

具体有三种:<%%>,<%#%>,<%=%>,后两种主要是用于asp.net前端数据绑定的。

一 、<%=%>

在.aspx页面,<%= %>标签可以调用后台.CS的变量/属性或者方法,不过被调用的变量或方法必须是public的。
例:Default.cs文件里面有:

public string str = "test";

public string ReturnStr()  
{
  return "test";
}

 那么前端Default.aspx文件里面就可以这样写:

<asp:Label ID="Label2" runat="server" Text='<%=str%>'></asp:Label>
<asp:Label ID="Label1" runat="server" Text='<%= ReturnStr() %>'></asp:Label>

 

二、<%#%>
前端aspx页面中,一帮服务器控件数据绑定的语法,结合Eval()方法绑定数据源(ASP.NET 提供了一个名为 DataBinder.Eval 的静态方法,该方法计算后期绑定的数据绑定表达式,并将结果格式化为字符串(可选)。利用此方法,可以避免许多在将值强制为所需数据类型时必须执行的显式强制转换操作,DataBinder.Eval需要使用参数来指定容器)

例:Repeater控件,在Page_Load()方法中,加载数据:

后台:

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            intopage(DropDownListMgrDate.SelectedValue.ToString());
            //不会每次刷新页面都重新绑定数据
        }
        
    }
    private void intopage(string Batchid)
    {
            this.Repeater1.DataSource = dmgr.GetCBProduct_MgrList(this.AspPage.CurrentPageIndex, AspPage.PageSize,Batchid);//CurrentPageIndex:当前页索引值;PageSize:分页每页所能容纳值
            this.Repeater1.DataBind();
    }

这里,Repeater1.DataSource的数据源既可以是DataSet,也可以是List,这里是List,对应前端DataBinder.Eval方法的参数是:ColumnName/属性名称

前端:

                        <td>
                            <%#DataBinder.Eval(Container.DataItem, "include_in_quantity")%>
                        </td>
                        <td title="<%#DataBinder.Eval(Container.DataItem, "part_description")%>">
                            <%#DataBinder.Eval(Container.DataItem, "part_description").ToString().Length>20?DataBinder.Eval(Container.DataItem, "part_description").ToString().Substring(0,20)+"...":DataBinder.Eval(Container.DataItem, "part_description").ToString()%>
                        </td>

这里Eval()绑定数据时结合使用了三元运算符,如果字符长度大于20,就截取+“...”,当鼠标滑到目标处,就会显示。

其他优秀博客链接推荐:

http://blog.youkuaiyun.com/lai123wei/article/details/7261701

http://www.cnblogs.com/luckeryin/archive/2012/12/13/2815823.html

 

转载于:https://www.cnblogs.com/ammy714926/p/5360330.html

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ShengGongSiGuanJianZhiBiaoList.aspx.cs" Inherits="ShengGongSiGuanJianZhiBiaoList" %> <%@ Import Namespace="System.Data" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link href="../css/css.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="../js/jquery-1.4.4.min.js"></script> <style type="text/css"> #head { height: auto; width: 900px; margin-left: auto; margin-right: auto; } #table01 { border-left: #99bbe8 solid 1px; border-top: #99bbe8 solid 1px; } #table01 th, #table01 td { border-right: #99bbe8 solid 1px; border-bottom: #99bbe8 solid 1px; width: 2%; font-size: 12px; height: 30px; text-align: center; } #table01 th { background: #f5fafa; color: #047E6C; font-weight: bold; } #no_border { border-left: 0px; border-right: 0px; border-bottom: 0px; } #cccc { border-right: #99bbe8 solid 1px; border-left: #99bbe8 solid 1px; border-bottom: #99bbe8 solid 1px; width: 2%; font-size: 12px; height: 30px; text-align: center; background: #f5fafa; } </style> <script type="text/javascript"> function validate() { $("input[name^='yi_pingfenbiaozhun_']").attr("name", "yi_pingfenbiaozhun_"); $("input[name^='ba_pingfen_']").attr("name", "ba_pingfen_"); return true; } </script> </head> <body> <form id="form1" runat="server"> <center> <div> <br /><br /> <table style="width: 90%; border-top: #99bbe8 solid 1px;" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <th id="cccc" colspan="11" class="auto-style1"><span style="color: black; font-size: x-large"><asp:DropDownList ID="dlyear" runat="server"> <asp:ListItem Value="2025">2025</asp:ListItem> <asp:ListItem Value="2026">2026</asp:ListItem> <asp:ListItem Value="2027">2027</asp:ListItem> <asp:ListItem Value="2028">2028</asp:ListItem> </asp:DropDownList>年<asp:DropDownList ID="DropDownList1" runat="server"> <asp:ListItem Value="1">1</asp:ListItem> <asp:ListItem Value="2">2</asp:ListItem> <asp:ListItem Value="3">3</asp:ListItem> <asp:ListItem Value="4">4</asp:ListItem> <asp:ListItem Value="5">5</asp:ListItem> <asp:ListItem Value="6">6</asp:ListItem> <asp:ListItem Value="7">7</asp:ListItem> <asp:ListItem Value="8">8</asp:ListItem> <asp:ListItem Value="9">9</asp:ListItem> <asp:ListItem Value="10">10</asp:ListItem> <asp:ListItem Value="11">11</asp:ListItem> <asp:ListItem Value="12">12</asp:ListItem> </asp:DropDownList>省公司关键业绩指标排名</span></th> </tr> </table> <br /> <div> <asp:Button ID="Button2" runat="server" CssClass="Button" Text="查 询" OnClick="Button2_Click"></asp:Button> <asp:Button ID="Button1" runat="server" OnClientClick="return validate()" CssClass="Button" Text="保 存" OnClick="Button1_Click"></asp:Button> </div> <br /> <table id="table01" style="width: 100%" cellpadding="0" cellspacing="0"> <tr> <th>序号</th> <th>考核指标</th> <th>排名</th> <th>一级指标牵头部门</th> <th>一级指标责任部门名称</th> <th>二级指标</th> <th>二级指标责任部门</th> </tr> <%if (dtbm.Rows.Count > 0) { foreach (DataRow bmRow in dtbm.Rows) { string firstId = bmRow["uid"].ToString(); // 1. 获取一级责任部门(多个) DataRow[] firstDeptRows = dtbminfo.Select("一级Id='" + firstId + "'"); int firstDeptCount = firstDeptRows.Length; // 一级责任部门数量 // 2. 计算二级和三级指标的总行数 int secondThirdTotalRows = 0; DataRow[] secondRows = dtsan.Select("一级Id='" + firstId + "'"); foreach (DataRow sanRow in secondRows) { string secondId = sanRow["uid"].ToString(); DataRow[] thirdRows = dtwu.Select("二级Id='" + secondId + "'"); int secondTotalRows = 1 + thirdRows.Length; // 二级自身行 + 三级行数 secondThirdTotalRows += secondTotalRows; // 累加二级和三级的总行数 } // 3. 一级指标核心列的合并行数 = 一级责任部门数量 + 二级三级总行数 int firstTotalRows = firstDeptCount + secondThirdTotalRows; %> <!-- 一级指标行(核心列合并所有子行) --> <tr> <td rowspan="<%= firstTotalRows %>"><%= bmRow["序号"].ToString() %></td> <td rowspan="<%= firstTotalRows %>"><%= bmRow["考核指标"].ToString() %></td> <td rowspan="<%= firstTotalRows %>"> <input type="hidden" id="yi_pingfenbiaozhun_<%=bmRow["uid"].ToString()%>" name="yi_pingfenbiaozhun_<%=bmRow["uid"].ToString()%>" value="<%=bmRow["uid"].ToString() %>" style="width: 98%" /> <input type="text" style="width:20px" value="" name="ba_pingfen_<%= bmRow["uid"].ToString() %>" /> </td> <td rowspan="<%= firstTotalRows %>"><%= bmRow["一级指标牵头部门"].ToString() %></td> <td></td> <!-- 一级责任部门列留空,后续分行填充 --> <!-- 处理二级指标(如果有) --> <%if (secondRows.Length > 0) { bool isFirstSecond = true; foreach (DataRow sanRow in secondRows) { string secondId = sanRow["uid"].ToString(); DataRow[] thirdRows = dtwu.Select("二级Id='" + secondId + "'"); int secondTotalRows = 1 + thirdRows.Length; // 二级合并行数 %> <!-- 二级指标行 --> <%if (isFirstSecond) { isFirstSecond = false; %> <td rowspan="<%= secondTotalRows %>"><%= sanRow["二级指标"].ToString() %></td> <%} else { %> <tr> <td rowspan="<%= secondTotalRows %>"><%= sanRow["二级指标"].ToString() %></td> </tr> <%}%> <!-- 处理三级指标(二级责任部门) --> <%if (thirdRows.Length > 0) { foreach (DataRow wuRow in thirdRows) { %> <tr> <td><%= wuRow["二级指标责任部门名称"].ToString() %></td> </tr> <%} } else { %> <tr> <td></td> </tr> <%}%> <%} } else { %> <td></td> <td></td> <%}%> </tr> <!-- 一级责任部门分行显示(在一级指标行之后、二级指标行之前) --> <%foreach (DataRow deptRow in firstDeptRows) { string deptName = deptRow["一级指标责任部门名称"].ToString(); if (!string.IsNullOrEmpty(deptName)) { %> <tr> <td><%= deptName %></td> <!-- 第5列:一级责任部门名称 --> <td></td> <!-- 第6列:二级指标(留空,后续二级行填充) --> <td></td> <!-- 第7列:二级责任部门(留空) --> </tr> <% } }%> <% } } else { %> <tr> <td colspan="7" style="height:30px;">暂无数据</td> </tr> <%}%> </table> </div> </center> </form> </body> </html>
最新发布
07-19
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值