与 Telerik 控件的内置 javascript 功能相关的问题答案

【问题标题】：Issue related to inbuilt javascript function of Telerik controls与 Telerik 控件的内置 javascript 功能相关的问题
【发布时间】：2014-04-25 13:05:31
【问题描述】：

我有一些带有 Telerik 控件的 asp.net web 应用程序。

我在 .aspx 页面上有一个 RadTextBox(txtSearch) 和 RadButton(btnSearch)。

我为空文本框编写了以下验证：

 $('#btnSearch').click(function () {
                if ($('#txtSearch_text').val() == '') {
                    $('#txtSearch_text').addClass('validation');
                    return false;
                }
                else {
                    $('#txtSearch_text').removeClass('validation');
                }
            });

在validation 类中我设置了Border-left:2px solid red 现在的问题是，当我点击btnSearch 时，它会将验证类设置为txtSearch 文本框，但是当我在txtSearch 文本框上使用鼠标悬停时，类名突然从Telerik 的内置javascript 函数更改为其他名称。在 Telerik TextBox 的这个 Javascript 函数中，它将文本框的类名更改为另一个类。并且这种更改类的执行发生在执行自定义 javascript 函数之后。

所以我想在执行 Telerik 的内置函数后执行客户 javascript 函数。怎么办？

谢谢

【问题讨论】：

标签： html asp.net css telerik

【解决方案1】：

您可以为 RadInputs 定义无效状态。 RadTextbox 本身不能无效，因为您可以在文本框中放置任何内容（例如，与数字文本框不同），但这里是一个起点：

    <telerik:RadTextBox ID="RadTextBox1" runat="server">
        <InvalidStyle BackColor="Red" />
    </telerik:RadTextBox>
    <asp:RequiredFieldValidator ID="TextBoxRequiredFieldValidator" runat="server" Display="Dynamic"
                                ControlToValidate="RadTextBox1" ErrorMessage="The textbox can not be empty!">
    </asp:RequiredFieldValidator>
    <telerik:RadButton ID="RadButton1" runat="server" OnClientClicked="test" Text="submit"
                       AutoPostBack="false" />
    <script type="text/javascript">
        function test() {
            var tb = $find('RadTextBox1');
            if (tb.get_value() == "") {
                $find('RadTextBox1')._invalidate();
                $find('RadTextBox1').updateCssClass();
            }
        }
    </script>

直接篡改复杂控件的 HTML 可能无济于事，因为它们会尝试根据其拥有的逻辑更新/修复其状态。

【讨论】：