2010-04-08 17 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。