2017-5-18 Repeater控件 和 简单控件

Posted 2020-09-18 青年a

（一）

　　<%@ %> - 这里面写一些声明和引用的

　　<%  %> - 编写C#代码的

　　<%= %> - 往界面上输出一个变量的值

　　<%# %> - 在Repeater数据展示中使用

（二）Repeater  数据展示

1.HeaderTemplate ---  先执行，执行一次

　　FooterTemplate --- 后执行，执行一次

　　ItemTemplate --- 在Header之后执行，有多少条数据绑定就执行多少次

　　AlterNatingItemTemplate --- 交替项模板，与ItemTemple交替执行

　　<%# Eval("属性名","可选，格式字符串") %>

　　<%# 方法名()  %>

　　数据绑定展示代码界面层:　　　

 <asp:Repeater ID="Repeater1" runat="server">
                <HeaderTemplate>
                    <table style="width:100%;background-color:red;color:black;text-align:center;" >
                        <tr>
                            <td>Ids</td>
                            <td>用户名</td>
                            <td>密码</td>
                            <td>昵称</td>
                            <td>性别</td>
                            <td>生日</td>
                            <td>年龄</td>
                            <td>民族</td>
                            <td>班级</td>
                        </tr>
                </HeaderTemplate>
                <ItemTemplate>
                    <tr style="background-color:white;">
                        <td><%#Eval("ids") %></td>
                        <td><%#Eval("UserName") %></td>
                        <td><%#Eval("PassWord") %></td>
                        <td><%#Eval("NikeName") %></td>
                        <td><%#Eval("SexStr") %></td>
                        <td><%#Eval("Birth") %></td>
                        <td><%#Eval("Age") %></td>
                        <td><%#Eval("NationName") %></td>
                        <td><%#Eval("Class") %></td>
                    </tr>
                </ItemTemplate>
                <FooterTemplate>
                    </table>
                </FooterTemplate>
            </asp:Repeater>

View Code

 

　　c#代码层：

 List<Users> ulist = new UsersData().selectAll();
        Repeater1.DataSource = ulist;
        Repeater1.DataBind();

（三）简单控件

1.Lable  -- 转成成span

　　需要在样式中加上display：inline-block才可以是lable样式中的长宽起作用

2.Literal -- 空，什么也没有转换,把内容直接打印在界面上

　　作用：可以直接输出上面的内容，

　　Literal.Text=<script>alter(‘你好‘);</script>  --- 可以直接在界面上跳出弹窗

3.TextBox

设置属性TextMode

SingLine   ---  变成<input type="text" />

PassWord --- 变成<input type="PassWord">

MultiLine --- 变成<textarea>　　

4.HiddenField  --- 变成<input type="hidden">

 

5.Button --- 变成　<input type="submit">　

6.ImageButton  --- 变成<input type="image">

（四）按钮的点击事件

用事件委托来写，在代码层中的Page_Load中书写