2010-04-08 68 views
0

渲染我有下一個和前一個按鈕的DataPager的作爲所以外觀(一個[禁用=「禁用」):控制的禁用分頁鏈接由DataPager的

<asp:DataPager ID="dpFeaturedPager" PagedControlID="lvFeaturedTips" QueryStringField="ftpg" PageSize="1" runat="server"> 
     <Fields>    
      <asp:nextpreviouspagerfield ButtonCssClass="featured-previous" PreviousPageText="Previous" ShowNextPageButton="false" /> 
      <asp:nextpreviouspagerfield ButtonCssClass="featured-next" NextPageText="Next" ShowPreviousPageButton="false" /> 
     </Fields> 
    </asp:DataPager> 

當有可用的只有一個頁面,下一個和上鍊接都呈現爲這樣:

<a disabled="disabled">Previous</a> 

我以前從未見過這種禁用標籤,並設定它是從哪個我就無法控制DataPager控件來。

像往常一樣,這在FireFox上很好,但在IE7上,上一個和下一個文本不能正確呈現 - 這是概述的(我期望禁用看起來像誠實 - 但在頁面中看起來有點醜陋! )

我可以在CSS中控制這個,還是這是一個已知的問題?

感謝 鄧肯

回答

2

檢查出StackOverflow這個線程,它們對CSS樣式爲殘疾人鏈接和控制提出了一些建議。希望能幫助到你!

a[disabled=disabled] { 
    color: red; 
    font-weight: bold; 
    border: 0px; 
} 

編輯:看起來不像選擇器屬性將在IE6中工作。

+0

我試過一個[disabled = disabled] { color:red; font-weight:bold; }但可悲的是沒有快樂 - 沒有工作! – Duncan 2010-04-08 15:44:57

+2

您是否嘗試過在您的nextpreviouspagerfield標記中設置此項 - RenderDisabledButtonsAsLabels =「true」?這將確保不會將它們呈現爲html鏈接,而只是標記。 – Tommy 2010-04-08 15:49:06

+1

問題在於我還使用QueryStringField屬性 - 顯然,您可以我可以看到不得不這樣做 - http://gsej.wordpress.com/2009/05/31/using-a-datapager-with-both-a-querystringfield-and-renderdisabledbuttonsaslabels/ – Duncan 2010-04-08 15:58:44

0

使用jQuery removeAttr()快速溶液

$('a').removeAttr('disabled'); 

此:

<a disabled="disabled">Sad</a> 

成爲該:

<a>Happy</a> 
0

我添加一個類的btnDisable'的這兩個下一個和以前的鏈接,然後使用CSS ...

span .btnDisable {cursor: not-allowed; } 
span a.btnDisable {cursor: pointer; } 

只要確保將RenderDisabledButtonsAsLabels設置爲True。