简体   繁体   English

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

[英]How to give different empty message for different search option in RadSearchBox?

I have a telerik:RadSearchBox in which,there are three option for searching .For different option the empty message must be different. 我有一个telerik:RadSearchBox,其中有三个搜索选项。对于不同的选项,空消息必须不同。

For example 1)For Tag / Serial: “Search Tag or Serial Number.” 2)For Staff: “Search Staff ID or Name” 3)For Students: “Search Student ID or Name.” 例如1)对于标签/序列号:“搜索标签或序列号。” 2)对于职员:“搜索人员ID或名称” 3)对于学生:“搜索学生ID或名称”。

 <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>

You can capture the change of the selection in the SearchContext, by hooking a click event to the .rsbListItem (which are actually the SearchContextItem) at the OnClientLoad client-side event of the RadSearchBox. 通过将Click事件挂接到RadSearchBox的OnClientLoad客户端事件上的.rsbListItem(实际上是SearchContextItem)上,可以捕获SearchContext中选择的更改。 Then, depending on the selection, you can use set_emptyMessage("some message"), in order to set it accordingly. 然后,根据选择,可以使用set_emptyMessage(“ some message”)进行相应的设置。 Consider the bellow implementation: 考虑下面的实现:

 <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>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM