【问题标题】:How do I add my own attribute to a Telerik RadMaskedTextBox如何将我自己的属性添加到 Telerik RadMaskedTextBox
【发布时间】:2014-01-23 22:36:18
【问题描述】:

我需要将自己的属性添加到 RadMaskedTextBox 但似乎无法做到。有任何想法吗? 这是aspx:

<telerik:RadMaskedTextBox
    ID="txtSocial_Security_Number" runat="server" SelectionOnFocus="SelectAll" Mask="###-##-####"
    requiredrule='<%#required("Social_Security_Number_Or_Federal_Identification_Number")%>'
    onkeyup="ValidateTBNew()">
</telerik:RadMaskedTextBox>

如您所见,requiredrule 从后端提取规则。但是当 Telerik 渲染控件时,requiredrule 就消失了!这是呈现的 HTML:

<span id="RadPanelBar1_i2_i0_txtSocial_Security_Number_wrapper"
    class="riSingle RadInput RadInput_Default" 
    style="width:130px;">
    <input id="RadPanelBar1_i2_i0_txtSocial_Security_Number"
        name="RadPanelBar1$i2$i0$txtSocial_Security_Number"
        type="text" size="20"
        class="riTextBox riEnabled"
        onkeyup="ValidateTBNew()"
        value="111-11-1111" />
    <input id="RadPanelBar1_i2_i0_txtSocial_Security_Number_ClientState"
        name="RadPanelBar1_i2_i0_txtSocial_Security_Number_ClientState"
        type="hidden" />
</span>

我的 onkeyup 在那里,但没有所需规则的迹象。 requiredrule 的原因是它可用于确定几种故障状态之一 - 在 onkeyup 事件中调用的 javascript 函数中。

【问题讨论】:

    标签: javascript asp.net telerik onkeyup radmaskedtextbox


    【解决方案1】:

    这是我能够 git-er-done 的方式... 我使用的是 RadMaskedTextBox,但 Telerik 说他们正在弃用它。相反,我使用了 asp:TextBox 和 RadInputManager。如果需要,这里是代码。

    <asp:TextBox ID="txtSSN" runat="server"
        requiredrule='<%#required("Social_Security_Number_Or_Federal_Identification_Number")%>'
        onkeyup="ValidateTBNew()"></asp:TextBox>
    

    <telerik:RadInputManager ID="RadInputManager1" runat="server">
        <telerik:MaskedTextBoxSetting Mask="###-##-####" SelectionOnFocus="SelectAll">
            <TargetControls>
                <telerik:TargetInput ControlID="txtSSN" />
            </TargetControls>
        </telerik:MaskedTextBoxSetting>
    </telerik:RadInputManager>
    

    通过这种方式,TextBox 可以使用我的额外 requiredrule 属性正确呈现,并且 SSN 的格式是使用 RadInputManager 完成的。

    【讨论】:

      猜你喜欢
      • 2018-07-13
      • 2012-07-25
      • 2018-04-27
      • 2021-10-06
      • 2020-05-13
      • 2017-05-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多