如何在RadSearchBox中为不同的搜索选项提供不同的空消息?

时间:2016-01-19 11:19:23

标签: javascript c# jquery asp.net telerik

我有一个telerik:RadSearchBox,其中有三个搜索选项。对于不同的选项,空信息必须不同。

例如 1)对于标签/序列:“搜索标签或序列号”。 2)员工:“搜索员工ID或姓名” 3)对于学生:“搜索学生证或姓名。”

 <telerik:RadSearchBox RenderMode="Lightweight"   runat="server" ID="RadSearchBox1" Width="250" DropDownSettings-Height="100" MaxResultCount="20">
 <SearchContext ShowDefaultItem="false">
<Items>
<telerik:SearchContextItem Text="Tag / Serial" Key="Tag" />
<telerik:SearchContextItem Text="Staff" Key ="Staff" />
<telerik:SearchContextItem Text="Student" Key ="Student" />
</Items>
</SearchContext>
</telerik:RadSearchBox>

1 个答案:

答案 0 :(得分:0)

您可以通过在RadSearchBox的OnClientLoad客户端事件处将click事件挂钩到.rsbListItem(实际上是SearchContextItem)来捕获SearchContext中选择的更改。然后,根据选择,您可以使用set_emptyMessage(“some message”),以便相应地进行设置。考虑以下实施:

 <script type="text/javascript">
            function OnClientLoad(sender) {
                $telerik.$(".rsbListItem").on('click', function (e) {

                    switch (this.innerHTML) {
                        case "Tag / Serial":
                            sender.set_emptyMessage("Search Tag or Serial Number");
                            break;
                        case "Staff":
                            sender.set_emptyMessage("Search Staff ID or Name");
                            break;
                        case "Student":
                            sender.set_emptyMessage("Search Student ID or Name");
                            break;
                    }
                })
            }
        </script>