修改AspNetPager的CustomInfoHTML,添加自訂樣式

來源:互聯網
上載者:User

標籤:style   class   blog   code   ext   color   

  AspNetPager控制項有一個屬性叫CustomInfoHTML,可以把它寫在前台頁面,如下:

<webdiyer:AspNetPager ID="AspNetPager1" runat="server" PageSize="10"             HorizontalAlign="right" Width="100%"             Style="font-size: 14px"            AlwaysShow="true" FirstPageText="首頁" LastPageText="尾頁" NextPageText="下一頁"             PrevPageText="上一頁" SubmitButtonText="Go"  SubmitButtonClass="submitBtn"            CustomInfoStyle="font-size:14px;text-align:left;"             InputBoxStyle="width:25px; border:1px solid #999999; text-align:center; "             TextBeforeInputBox="轉到第" TextAfterInputBox="頁 " PageIndexBoxType="TextBox"             ShowPageIndexBox="Always" TextAfterPageIndexBox="頁"             TextBeforePageIndexBox="轉到" Font-Size="14px"             ShowCustomInfoSection="Left" CustomInfoSectionWidth="19%"             PagingButtonSpacing="3px" CustomInfoHTML = "<div style=‘white-space: nowrap‘>共<font color=‘#ff0000‘>%PageCount%</font>頁,第<font color=‘#ff0000‘>%CurrentPageIndex%</font>頁,共<font color=‘#ff0000‘>%RecordCount%</font>宗</div>"onpagechanged="AspNetPager1_PageChanged"></webdiyer:AspNetPager>

如果你還想添加一起其他的東西,那麼可以在後台單獨設定設這個屬性,如下:

            AspNetPager1.CustomInfoHTML = "<div style=‘white-space: nowrap‘>共<font color=‘#ff0000‘>%PageCount%</font>頁,第<font color=‘#ff0000‘>%CurrentPageIndex%</font>頁,共<font color=‘#ff0000‘>%RecordCount%</font>宗,"               + "總面積為<font color=‘#ff0000‘>" + GetTotalArea() + "</font>平方米</div>";

此處我調用了GetTotalArea()方法。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.