or
function
fieldComboSelectedIndexChanged(sender, args) {
//debugger;
if
(args.get_item().get_value() ==
".."
) {
NoFilterChosen();
}
else
{
$(
'div[id=boxValueDiv]'
).show(0);
$(
'div[id=radioButtonDiv]'
).show(interval, showRemainingControls);
}
}
function
showRemainingControls() {
//debugger;
$(
'div[id=buttonsDiv]'
).fadeIn(interval);
}
function
hideRemainingControls() {
//hide all the UI filter data controls
$(
'div[id=boxValueDiv]'
).fadeOut(interval);
$(
'div[id=buttonsDiv]'
).fadeOut(interval);
}
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
/>
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"SearchButton"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"ProductsView"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"ProductView"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"ProductView"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadAjaxManager1"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"CartPanel"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel1"
runat
=
"server"
Skin
=
"Black"
/>
<
div
>
<
div
class
=
"searchContainer"
>
<
div
style
=
"float: left; color: #99CA3B; margin-right: 15px; font-size: 16px; font-weight: bold;"
>Search Hort Coutureâ„¢ Products</
div
>
<
div
class
=
"searchBox"
>
<
telerik:RadTextBox
ID
=
"SearchBox"
BackColor
=
"#191919"
ForeColor
=
"#99CA3B"
BorderColor
=
"#C9C9C9"
BorderWidth
=
"1"
Font-Size
=
"14px"
Width
=
"380"
runat
=
"server"
></
telerik:RadTextBox
>
</
div
>
<
div
class
=
"searchButton"
>
<
telerik:RadButton
ID
=
"SearchButton"
Text
=
"Search"
runat
=
"server"
></
telerik:RadButton
>
</
div
>
</
div
>
<
div
class
=
"productContainer"
>
<
asp:Panel
ID
=
"ProductPanel"
runat
=
"server"
>
<
telerik:RadListView
ID
=
"ProductView"
runat
=
"server"
Height
=
"400"
ItemPlaceholderID
=
"ItemContainer"
Skin
=
"Black"
DataKeyNames
=
"culturalInfoId,longName,seriesDesc,cultivarDesc"
AllowPaging
=
"true"
PageSize
=
"12"
>
<
LayoutTemplate
>
<
div
class="RadListView RadListView_<%# Container.Skin %>">
<
asp:PlaceHolder
ID
=
"ItemContainer"
runat
=
"server"
></
asp:PlaceHolder
>
</
div
>
<
div
style
=
"clear: both"
></
div
>
<
div
style
=
"padding: 5px;"
>
<
div
style
=
"float: left; margin-left: 30%;"
>
<
asp:Button
runat
=
"server"
ID
=
"btnFirst"
CommandName
=
"Page"
CommandArgument
=
"First"
Text
=
"First"
Enabled="<%#Container.CurrentPageIndex > 0 %>" />
<
asp:Button
runat
=
"server"
ID
=
"btnPrev"
CommandName
=
"Page"
CommandArgument
=
"Prev"
Text
=
"Prev"
Enabled="<%#Container.CurrentPageIndex > 0 %>" />
<
span
style
=
"vertical-align: middle;"
>
Page <
strong
><%#Container.CurrentPageIndex + 1 %></
strong
> of <
strong
><%#Container.PageCount %></
strong
>
</
span
>
<
asp:Button
runat
=
"server"
ID
=
"btnNext"
CommandName
=
"Page"
CommandArgument
=
"Next"
Text
=
"Next"
Enabled="<%#Container.CurrentPageIndex + 1 < Container.PageCount %>" />
<
asp:Button
runat
=
"server"
ID
=
"btnLast"
CommandName
=
"Page"
CommandArgument
=
"Last"
Text
=
"Last"
Enabled="<%#Container.CurrentPageIndex + 1 < Container.PageCount %>" />
</
div
>
</
div
>
</
LayoutTemplate
>
<
ItemTemplate
>
<
div
class
=
"item"
>
<
img
class
=
"itemImage"
src
=
"<%# Eval("
standardFileName") %>" />
<
div
class
=
"itemDesc"
>
<%# Eval("seriesDesc")%> <%# Eval("cultivarDesc")%></
div
>
<
div
class
=
"itemActions"
>
<
a
onclick
=
"ShowDetail('<%# Eval("
culturalInfoId") %>');" href="javascript:void(0);">PRODUCT DETAIL</
a
>
</
div
>
</
div
>
</
ItemTemplate
>
<
EmptyItemTemplate
>
<
div
>
No Item.
</
div
>
</
EmptyItemTemplate
>
</
telerik:RadListView
>
</
asp:Panel
>
</
div
>
</
div
>
Private
Sub
ProductView_NeedDataSource(
ByVal
sender
As
Object
,
ByVal
e
As
Telerik.Web.UI.RadListViewNeedDataSourceEventArgs)
Handles
ProductView.NeedDataSource
Dim
sql
As
New
sqlProcedures()
Dim
products
As
New
DataSet()
Dim
contains
As
String
= Session(
"SearchText"
)
If
(contains
Is
Nothing
)
Then
products = sql.spSelectItemsBySmartSearch(
"%"
)
Else
products = sql.spSelectItemsBySmartSearch(contains)
End
If
ProductView.DataSource = products
End
Sub
Private
Sub
SearchButton_Click(
ByVal
sender
As
Object
,
ByVal
e
As
System.EventArgs)
Handles
SearchButton.Click
Session(
"SearchText"
) = SearchBox.Text
End
Sub
<
telerik:RadComboBox
ID
=
"cboaction_cat_id"
runat
=
"server"
Width
=
"350px"
Height
=
"200px"
EmptyMessage
=
"Select a Action Category"
MarkFirstMatch
=
"true"
DataTextField
=
"action_category_id"
DataValueField
=
"action_category_id"
EnableLoadOnDemand
=
"True"
OnSelectedIndexChanged
=
"cboAction_SelectedIndexChanged"
ShowMoreResultsBox
=
"true"
EnableVirtualScrolling
=
"true"
AutoPostBack
=
"true"
OnDataBound
=
"RadComboBox2_DataBound"
OnItemDataBound
=
"RadComboBox2_ItemDataBound"
OnItemsRequested
=
"RadComboBox2_ItemsRequested"
OnClientItemsRequested
=
"UpdateItemCountField"
HighlightTemplatedItems
=
"true"
>
<
HeaderTemplate
>
<
ul
>
<
li
class
=
"col1"
>Action Cat ID</
li
>
<
li
class
=
"col2"
>Action Cat Desc</
li
>
</
ul
>
</
HeaderTemplate
>
<
ItemTemplate
>
<
ul
>
<
li
class
=
"col1"
>
<%# DataBinder.Eval(Container.DataItem, "action_category_id")%></
li
>
<
li
class
=
"col2"
>
<%# DataBinder.Eval(Container.DataItem, "action_category_desc")%></
li
>
</
ul
>
</
ItemTemplate
>
<
FooterTemplate
>
A total of
<
asp:Literal
runat
=
"server"
ID
=
"Literal1"
/>
items
</
FooterTemplate
>
</
telerik:RadComboBox
>