2015-12-30 4 views
1

Как установить обязательный полевой валидатор для переключателя telerik? Я хочу установить необходимый валидатор поля на кнопку «BtnSave»? Пожалуйста помоги!обязательный полевой валидатор для радиотелефона telerik

<telerik:RadButton ID="radio_male" runat="server" ToggleType="Radio" AutoPostBack="false" GroupName="gender" 
    Text="Male" Skin="Metro"> 
    <ToggleStates> 
     <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadioChecked"></telerik:RadButtonToggleState> 
     <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadio"></telerik:RadButtonToggleState> 
    </ToggleStates> 
</telerik:RadButton> 

<telerik:RadButton ID="radio_female" runat="server" ToggleType="Radio" AutoPostBack="false" GroupName="gender" 
    Text="Female" Skin="Metro"> 
    <ToggleStates> 
     <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadioChecked"></telerik:RadButtonToggleState> 
     <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadio"></telerik:RadButtonToggleState> 
    </ToggleStates> 
</telerik:RadButton> 

ответ

1

Мы не можем напрямую применять валидаторный контроль на радбатте, но мы можем достичь данного требования, используя нижеприведенный фрагмент кода.

<head runat="server"> 
    <title></title> 
    <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script> 

    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> 
     <script type="text/javascript"> 
      function ClientClicked(sender, args) { 
       var txt = $("#<%=radio_txt.ClientID%>"); 
       txt.val("test"); 
      } 
     </script> 
    </telerik:RadCodeBlock> 

</head> 
<body> 
    <form id="form1" runat="server"> 
     <div> 
      <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager> 
      <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> 
      </telerik:RadAjaxManager> 
      <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"></telerik:RadAjaxLoadingPanel> 
      <telerik:RadWindowManager ID="RadWindowManager1" runat="server"></telerik:RadWindowManager> 
      <telerik:RadButton ID="radio_male" runat="server" ToggleType="Radio" AutoPostBack="false" GroupName="gender" 
       Text="Male" Skin="Metro" OnClientClicked="ClientClicked"> 

       <ToggleStates> 
        <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadioChecked"></telerik:RadButtonToggleState> 
        <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadio"></telerik:RadButtonToggleState> 
       </ToggleStates> 
      </telerik:RadButton> 

      <telerik:RadButton ID="radio_female" runat="server" ToggleType="Radio" AutoPostBack="false" GroupName="gender" 
       Text="Female" Skin="Metro" OnClientClicked="ClientClicked"> 
       <ToggleStates> 
        <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadioChecked"></telerik:RadButtonToggleState> 
        <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleRadio"></telerik:RadButtonToggleState> 
       </ToggleStates> 
      </telerik:RadButton> 
      <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ValidationGroup="Gender" ControlToValidate="radio_txt" ErrorMessage="required !!"></asp:RequiredFieldValidator> 
      <div style="display: none;"> 
       <asp:TextBox ID="radio_txt" runat="server" ValidationGroup="Gender"></asp:TextBox> 

      </div> 
      <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Click me" ValidationGroup="Gender" /> 
     </div> 
    </form> 
</body> 

Дайте мне знать, если есть вопросы.

+0

Спасибо за идею. Я попытался скопировать код, но он не сработал, так как в моем проекте нет jQuery. Поэтому вместо использования asp TextBox я использовал RadTextBox и Telerik js для установки значения в текстовом поле. Еще раз спасибо. –

Смежные вопросы