Subversion-Projekte lars-tiefland.prado

<com:TContent ID="body">

<h1>TActivePager Sample</h1>
<p>
The following sample displays three different pagers associated with a single TDataList control. The datalist control is enabled with custom paging, which allows it to read only one page of data each time. This is typical in DB-driven applications.
</p>

<div>
Go to page:
<com:TActivePager ID="Pager"
        ControlToPaginate="DataList"
        PageButtonCount="3"
        Mode="Numeric"
        OnPageIndexChanged="pageChanged"
        OnCallBack="RenderCallback"
        >
                <prop:ClientSide.OnLoading>
                        Element.show('wait')
                </prop:ClientSide.OnLoading>
                <prop:ClientSide.OnComplete>
                        Element.hide('wait')
                </prop:ClientSide.OnComplete>
</com:TActivePager>
<span id="wait" style="display: none;color: red">Please Wait...</span>
</div>
<com:TActivePanel id="TActivePanel" ActiveControl.EnableUpdate="true">
<com:TDataList
     ID="DataList"
     AllowPaging="true"
     AllowCustomPaging="true"
         PageSize="2"
     EnableViewState="true"
     RepeatColumns="2"
     RepeatDirection="Vertical"
     ItemStyle.Font.Italic="true"
     ItemStyle.BackColor="#BFCFFF"
     HeaderStyle.BackColor="black"
     HeaderStyle.ForeColor="white"
     FooterStyle.BackColor="gray"
     AlternatingItemStyle.BackColor="#E6ECFF">

<prop:HeaderTemplate>
<div style="font-weight:bold; text-align:center;">Computer Parts</div>
</prop:HeaderTemplate>

<prop:FooterTemplate>
<div style="font-weight:bold; text-align:center;">
Total <%# $this->Parent->PageCount %> pages.
</div>
</prop:FooterTemplate>

<prop:ItemTemplate>
<table border="0" width="300">
<tr>
  <th>ID</th><th>Name</th><th>Quantity</th><th>Price</th>
</tr>
<tr>
  <td align="right"><com:TLiteral Text=<%#$this->DataItem['id'] %> /></td>
  <td align="right"><com:TLiteral Text=<%#$this->DataItem['name'] %> /></td>
  <td align="right"><com:TLiteral Text=<%#$this->DataItem['quantity'] %> /></td>
  <td align="right">$<com:TLiteral Text=<%#$this->DataItem['price'] %> /></td>
</tr>
</table>
</prop:ItemTemplate>

</com:TDataList>
</com:TActivePanel>

<com:TActivePager ID="Pager2"
        ControlToPaginate="DataList"
        FirstPageText="9"
        LastPageText=":"
        Mode="NextPrev"
        NextPageText="4"
        PrevPageText="3"
        Font.Name="Webdings"
        OnPageIndexChanged="pageChanged"
        OnCallBack="RenderCallback"
>
<prop:ClientSide.OnLoading>
                        Element.show('wait')
                </prop:ClientSide.OnLoading>
                <prop:ClientSide.OnComplete>
                        Element.hide('wait')
                </prop:ClientSide.OnComplete>
</com:TActivePager>
<br/>
Choose page:
<com:TActivePager ID="Pager3"
        ControlToPaginate="DataList"
        Mode="DropDownList"
        OnPageIndexChanged="pageChanged"
        OnCallBack="RenderCallback"
>
<prop:ClientSide.OnLoading>
                        Element.show('wait')
                </prop:ClientSide.OnLoading>
                <prop:ClientSide.OnComplete>
                        Element.hide('wait')
                </prop:ClientSide.OnComplete>
</com:TActivePager>
<com:TJavascriptLogger/>
<div class="last-modified">$Id$</div></com:TContent>