1. 程式人生 > >2017-5-18 Repeater控件 和 簡單控件

2017-5-18 Repeater控件 和 簡單控件

sin one selectall img font 100% 點擊 事件 可選

(一)

  <%@ %> - 這裏面寫一些聲明和引用的

  <% %> - 編寫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中書寫

2017-5-18 Repeater控件 和 簡單控件