Repeater 控制項用於顯示被綁定在該控制項上的項目的重覆列表。Repeater 控制項可被綁定到資料庫表、XML 文件或者其他項目列表。 GridView 控制項,通過使用 GridView 控制項,您可以顯示、編輯和刪除多種不同的數據源(例如資料庫、XML 文件和公開數據的業務對象)中的數據。 ...
一、asp:Repeater
Repeater 控制項用於顯示被綁定在該控制項上的項目的重覆列表。Repeater 控制項可被綁定到資料庫表、XML 文件或者其他項目列表。
1.1-前臺頁面代碼
<asp:Repeater ID="ImageTypeListNew" runat="server" OnItemCommand="ImageTypeListNew_ItemCommand"> <HeaderTemplate> <table cellspacing="0" border="0" id="ctl00_contentHolder_ImageTypeList" class="table table-striped"> <tbody> <tr> <th>分類名稱</th> <th>圖片數</th> <th>排序</th> <th style="width: 20%;">操作</th> </tr> </HeaderTemplate> <ItemTemplate> <tr> <td> <asp:HiddenField ID="hfItemIndex" runat="server" Value='<%#Container.ItemIndex %>' /> <asp:HiddenField ID="hfCategoryId" runat="server" Value='<%#Eval("CategoryId") %>' /> <Hi:HtmlDecodeTextBox ID="ImageTypeName" runat="server" Text='<%# Bind("CategoryName") %>' CssClass="forminput form-control" Visible='<%#Eval("CategoryId").ToString()!="0" %>' /> <asp:Label ID="ltlTypeName" runat="server" Text='<%# Bind("CategoryName") %>' Visible='<%#Eval("CategoryId").ToString()=="0" %>'></asp:Label> </td> <td> <%#Eval("VideoCounts") %> </td> <td> <asp:Label ID="Label1" runat="server" Text='<%# Bind("DisplaySequence") %>' Visible='<%#Eval("CategoryId").ToString()=="0" %>'></asp:Label> <asp:TextBox ID="txtDisplaySequence" runat="server" Button="btnSearchButton" CssClass="forminput form-control" value='<%# Eval("DisplaySequence") %>' Visible='<%#Eval("CategoryId").ToString()!="0" %>' onkeyup="this.value=this.value.replace(/\D/g,'')" style="width: 60px;" onafterpaste="this.value=this.value.replace(/\D/g,'')" /> </td> <td><span class="submit_shanchu"> <Hi:ImageLinkButton runat="server" ID="lkbtnDelete" CommandName="Delete" IsShow="true" Text="刪除" Visible='<%#Eval("CategoryId").ToString()!="0" %>'/></span></td> </tr> </ItemTemplate> <FooterTemplate></tbody></table></FooterTemplate> </asp:Repeater>
1.2-後臺頁面代碼(核心)
代碼示例:
DataTable videoCategories = GalleryHelper.GetVideoCategories(0); DataRow row = videoCategories.NewRow(); //如果數據為空,設置第一行數據 row["CategoryId"] = "0"; row["CategoryName"] = "預設分類"; row["DisplaySequence"] = "0"; row["VideoCounts"] = "0"; videoCategories.Rows.InsertAt(row, 0); this.ImageTypeListNew.DataSource = videoCategories; this.ImageTypeListNew.DataBind();
1.3-使用方法
在頁面載入時【Page_Load】可調用,以及刪除/排序/編輯等場景也可調用。
二、UI:Grid/GridView
顯示表格數據是軟體開發中的一個周期性任務。ASP.NET 提供了許多工具來在網格中顯示表格數據,例如 GridView 控制項。通過使用 GridView 控制項,您可以顯示、編輯和刪除多種不同的數據源(例如資料庫、XML 文件和公開數據的業務對象)中的數據。
1.1-前臺頁面代碼
<UI:Grid ID="grdTopCategries" DataKeyNames="CategoryId" runat="server" ShowHeader="true" AutoGenerateColumns="false" CssClass="table table-striped" GridLines="None" Width="100%"> <Columns> <asp:TemplateField HeaderText="分類名稱"> <ItemTemplate> <span class="icon" categoryid='<%# Eval("CategoryId") %>' parentid='<%# Eval("ParentCategoryId") %>' id="spShowImage" runat="server"> <img src="../images/jian.gif" width="24" height="24" /></span> <span class="Name" id="spCategoryName"><a href='<%# "/product_detail/"+Eval("CategoryId")%>' target="_blank"> <asp:Literal ID="lblCategoryName" runat="server" /></a></span> </ItemTemplate> </asp:TemplateField> <asp:BoundField HeaderText="URL重寫名稱" DataField="RewriteName" /> <asp:TemplateField HeaderText="排序"> <ItemTemplate> <asp:TextBox ID="txtSequence" CssClass="form-control" runat="server" Text='<%# Eval("DisplaySequence") %>' Width="80px" /> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="操作" HeaderStyle-CssClass="td_left td_right_fff"> <ItemTemplate> <div class="operation"> <span><a href="javascript:ShowRemoveProduct(<%#Eval("CategoryId") %>)">轉移商品</a></span> <span><span><a href="javascript:void(0);" onclick="javascript:CollectionCategory('<%# "EditReleteCategory.aspx?ParentCategoryId="+Eval("ParentCategoryId") + "&CategoryId="+Eval("CategoryId")%>')">相關課程</a></span></span> <span> <asp:HyperLink ID="lkEdit" runat="server" Text="編輯" NavigateUrl='<%# "EditActivityCategory.aspx?CategoryId="+Eval("CategoryId")%>'></asp:HyperLink> </span> </div> </ItemTemplate> </asp:TemplateField> </Columns> </UI:Grid>
1.2-後臺頁面代碼(核心)
代碼示例:
DataTable dt = new DataTable(); if (inviteCodeList.TotalRecords == 0) { dt.Columns.Add("SaleId"); dt.Columns.Add("UserId"); dt.Columns.Add("TransactionDate"); dt.Columns.Add("IncomeType"); dt.Columns.Add("TransactionNo"); dt.Columns.Add("TransactionType"); dt.Columns.Add("RefundId"); dt.Columns.Add("SaleName"); dt.Columns.Add("UserName"); dt.Columns.Add("OrderType"); dt.Columns.Add("PaymentType"); dt.Columns.Add("DeliverPrincipal"); dt.Columns.Add("CommissionRate"); dt.Columns.Add("Tax"); dt.Columns.Add("DeliverIncome"); dt.Columns.Add("ApprovedStatus"); dt.Columns.Add("Reason"); dt.Columns.Add("SettlementId"); dt.Columns.Add("Amount"); dt.Columns.Add("ApprovedStatusId"); if (dt.Rows.Count == 0) { dt.Rows.Add(dt.NewRow()); } this.grdSaleInviteCode.DataSource = dt; this.grdSaleInviteCode.DataBind(); }