如何为 RadSearchBox 中的不同搜索选项提供不同的空消息?
How to give different empty message for different search option in RadSearchBox?
我有一个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>
您可以通过在 RadSearchBox 的 OnClientLoad client-side 事件中将点击事件挂接到 .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>
我有一个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>
您可以通过在 RadSearchBox 的 OnClientLoad client-side 事件中将点击事件挂接到 .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>