2017-5-18 Repeater控件 和 簡單控件
(一)
<%@ %> - 這裏面寫一些聲明和引用的
<% %> - 編寫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="View Codebackground-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>
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控件 和 簡單控件