2016-07-19 21 views
0

我想我的風格與複選框/單選按鈕列表控件測驗在asp.net以匹配這裏找到引導靜態變量的控制行代碼:造型ASP.net自舉

<asp:RadioButtonList ID="rblQuestion1" runat="server" RepeatDirection="Vertical" RepeatLayout="Flow" CssClass="btn-group" data-toggle="buttons"> 
    <asp:ListItem class="btn btn-default radio-inline" Value="1">Answer One</asp:ListItem> 
    <asp:ListItem class="btn btn-default radio-inline" Value="2">Answer Two</asp:ListItem> 
</asp:RadioButtonList> 

但我有三個問題:

  1. 的項目呈現在步驟如下所示:http://i.imgur.com/aM1A1Gh.png,我認爲原因是「RepeatL ayout = Flow「屬性,但沒有顯示此元素,如引導程序網站上顯示的那樣http://getbootstrap.com/javascript/#buttons-checkbox-radio
  2. 當顯示在較小的屏幕上時,某些項目不適合,因爲它們中的文本很長,會是什麼解決這個問題的最好方法是?圖像:http://imgur.com/OpCSbLD

並且最後:

  • 表單提交後,它回發到頁面是禁用通過VB代碼的控制下,並突出顯示正確答案。然而,這將刪除元素造型
  • 這是從瀏覽器取出時,HTML顯示:

    <span id="ContentMain_wizQuestions_rblQuestion1" disabled="disabled" class="aspNetDisabled btn-group" data-toggle="buttons"> 
    <span class="aspNetDisabled"> 
        <input id="ContentMain_wizQuestions_rblQuestion1_0" type="radio" name="ctl00$ContentMain$wizQuestions$rblQuestion1" value="1" disabled="disabled"><label for="ContentMain_wizQuestions_rblQuestion1_0">Answer One</label></span><br> 
         <span class="aspNetDisabled"><input id="ContentMain_wizQuestions_rblQuestion1_1" type="radio" name="ctl00$ContentMain$wizQuestions$rblQuestion1" value="2" disabled="disabled"> 
          <label for="ContentMain_wizQuestions_rblQuestion1_1">Answer Two</label></span><br> 
         <span class="aspNetDisabled"><input id="ContentMain_wizQuestions_rblQuestion1_2" type="radio" name="ctl00$ContentMain$wizQuestions$rblQuestion1" value="3" checked="checked" disabled="disabled"> 
          <label for="ContentMain_wizQuestions_rblQuestion1_2">Answer Three</label></span><br> 
         <span class="aspNetDisabled"><input id="ContentMain_wizQuestions_rblQuestion1_3" type="radio" name="ctl00$ContentMain$wizQuestions$rblQuestion1" value="4" disabled="disabled"> 
          <label for="ContentMain_wizQuestions_rblQuestion1_3">Answer Four</label> 
    </span> 
    

    相信aspNetDisabled span標記,與引導的風格interferring。我怎樣才能讓他們堅持通過這個,或者有沒有其他更好的方法來禁用一個元素?

    感謝

    +0

    謝謝你們,一如既往沒用 – Bob

    回答

    1

    閱讀下面的MSDN文檔

    那是因爲controlRenderingCompatibilityVersion的。如果你的框架版本高於4,則此屬性將被設爲默認4.0"

    更改controlRenderingCompatibilityVersion =‘3.5’,你可以看到類=‘aspNetDisabled’將被從HTML中刪除。

    爲「controlRenderingCompatibilityVersion =頁面」

    Web Control facility after .NET version 3.5

    方法1:

    請加在你的web.config以下爲刪除aspNetDisabled標籤

    <system.web> 
         <pages enableEventValidation="true" controlRenderingCompatibilityVersion="3.5" /> 
    </system.web> 
    

    方法2:

    你也可以結束了做以下,從而有效地消除了禁用的項目額外類的插入。

    void Application_Start(object sender, EventArgs e) 
    { 
        // Code that runs on application startup 
        WebControl.DisabledCssClass = ""; 
    } 
    
    +0

    我覺得這會對你有幫助bob –