ListView implement paging with css

-


The ListView display data in the database and implement paging



Abstract: ListView class with user-defined template to display the value of the data source. ListView control enables users to select, sort, delete, edit and insert records.
Code list:
view plain
  1. <%@ Page language="C#" %>  
  3.     "  
  4. <html  >  
  5.   <head id="Head1" runat="server">  
  6.     <title>ListView Example</title>  
  7.     <style type="text/css">  
  8.       .CurrentPage   
  9.       {  
  10.           padding: 2px 6px;  
  11.           border: solid 1px #ddd;   
  12.           background: #2E8B57;  
  13.           color:White;  
  14.       }  
  15.       .PrevNext,.PageNumber  
  16.       {  
  17.           padding: 2px 6px;  
  18.           border: solid 1px #ddd;  
  19.           text-decoration: none;  
  20.           color: #2E8B57;  
  21.       }  
  22.       .PageNumber:hover, .PrevNext:hover  
  23.       {  
  24.           background-color: #FFA500;  
  25.           color: White;  
  26.       }  
  27.       
  28.     </style>  
  29.   </head>  
  30.   <body>  
  31.     <form id="form1" runat="server">  
  32.       <h3>ListView Example</h3>  
  33.   
  34.       <asp:ListView ID="VendorsListView"  
  35.         DataSourceID="LinqDataSource1"  
  36.         DataKeyNames="CustomerID"  
  37.         runat="server">  
  38.         <LayoutTemplate>  
  39.         <%--? table?div  span ?? ItemTemplate    
  40.             GroupTemplate ?  DataPager ?  
  41.         --%>  
  42.           <table cellpadding="2" width="640px" border="1" ID="tbl1" runat="server">  
  43.             <tr id="Tr1" runat="server" style="background-color: #98FB98">  
  44.               <th id="Th1" runat="server">CustomerID</th>  
  45.               <th id="Th2" runat="server">NameStyle</th>  
  46.               <th id="Th3" runat="server">Title</th>  
  47.             </tr>  
  48.             <%-- ListView“VendorsListView”? ID “itemPlaceholder”?  
  49.              runat="server"--%>  
  50.             <tr runat="server" id="itemPlaceholder" />  
  51.           </table>  
  52.            <%--DataPager : IPageableItemContainer ? ListView ??--%>  
  53.           <asp:DataPager ID="DataPager1" runat="server">  
  54.              <%--  DataPagerField ? DataPager ?--%>  
  55.             <Fields>  
  56.            <%-- NumericPagerField  DataPager ?--%>  
  57.               <asp:NumericPagerField   
  58.               PreviousPageText="< Prev"  
  59.               NextPageText="Next >"  
  60.               ButtonCount="10"  
  61.               NextPreviousButtonCssClass="PrevNext"  
  62.               CurrentPageLabelCssClass="CurrentPage"  
  63.               NumericButtonCssClass="PageNumber" />  
  64.             </Fields>  
  65.           </asp:DataPager>  
  66.         </LayoutTemplate>  
  67.         <%--?--%>  
  68.         <ItemTemplate>  
  69.           <tr id="Tr2" runat="server">  
  70.             <td>  
  71.               <asp:Label ID="VendorIDLabel" runat="server" Text='<%# Eval("CustomerID") %>' />  
  72.             </td>  
  73.             <td>  
  74.               <asp:Label ID="AccountNumberLabel" runat="server" Text='<%# Eval("NameStyle") %>' />  
  75.             </td>  
  76.             <td>  
  77.               <asp:Label ID="NameLabel" runat="server" Text='<%# Eval("Title") %>' /></td>  
  78.           </tr>  
  79.         </ItemTemplate>  
  80.       </asp:ListView>  
  81.     <asp:LinqDataSource ID="LinqDataSource1" runat="server"   
  82.               ContextTypeName="WebApplication5.DataClasses1DataContext"   
  83.               Select="new (CustomerID, NameStyle, Title, FirstName)" TableName="Customer">  
  84.     </asp:LinqDataSource>      
  85.   
  86.     </form>  
  87.   </body>  
  88. </html>  

Comments

Post a Comment

Popular posts from this blog

SharePoint 2007 - Simple Task Dashboard

-
Image
example of creating a simple Task Dashboard. This is a pretty basic example of using all OOTB (out of the box) features and combining them to quickly build a solution. Scenario: We want to provide a way for users to easily see a summary of the current project tasks. We want them to be able to see the following information: Open Tasks Assigned to Them Overdue Tasks Tasks Due This Week Task Calendar Tasks Assigned to Others Solution: To build this solution we will be using several different tools available in SharePoint, all included in the list below: Task List Task List Views We will create views for each of the different ways we want to see the data displayed on our dashboard. Web Part Page List View Web Parts Custom Navigation The first thing we will do is create our task lists and then configure all the views that we need. To create the list, go to View All Site Content, Create and then select the Task list. Next, we will need to configure our custom views. To do this, w
Read more

MERGE transformation in SSIS

-
Image
In this post we are gonna discuss about MERGE transformation. MERGE in SSIS is equal to UNION ALL in SQL Server. This transformation unions two datasets/tables.The merge Transformation combines two  sorted  dataset into single dataset. Highlighted the text SORTED in last statement because “It is not possible to use MERGE when the inputs are NOT SORTED”. There is one more transformation which is very similar to this i.e UNION ALL. The Merge Transformation is similar to the union all transformations. Use the union all transformation instead of the merge transformation in the following situations. The transformation inputs are not sorted The combined output does not need to be sorted. The transformation has more than two inputs. MERGE takes ONLY TWO inputs where as UNION ALL can take more than two. Now lets see how to configure MERGE transformation with an example. I created TWO tables with names MergeA and MergeB and inserted few records into each table as shown below.
Read more