<telerik:RadGrid ID="grdSearchCriteria" runat="server" GridLines="None" AllowSorting="False"
AutoGenerateColumns="False" ShowStatusBar="False" ShowFooter="false" AllowFilteringByColumn="False" AllowPaging="false"
AllowAutomaticInserts="False" width="750px" EnableViewState="True" >
<MasterTableView CommandItemDisplay="Top" GridLines="None" DataKeyNames="" AllowMultiColumnSorting="False" EditMode="InPlace" ShowFooter="false" ShowHeader="False">
<CommandItemStyle HorizontalAlign="Right" />
<CommandItemSettings ShowRefreshButton="false" AddNewRecordText="Add New Criteria" ></CommandItemSettings>
<Columns>
<telerik:GridButtonColumn HeaderStyle-HorizontalAlign="Right" CommandName="Delete" Text="Remove" UniqueName="DeleteColumn"></telerik:GridButtonColumn>
<telerik:GridTemplateColumn HeaderText="Field Name" Visible="True" UniqueName="FieldNames" >
<ItemTemplate>
<asp:DropDownList ID="ddFieldNames" runat="server"></asp:DropDownList>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="Operator" Visible="True" UniqueName="Operators" >
<ItemTemplate>
<asp:DropDownList ID="ddOperators" runat="server"></asp:DropDownList>
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>

<asp:Panel ID="panelMain" runat="server" style="border-top: solid 1px #000000; padding-bottom:20px"> <telerik:RadSplitter ID="radSplitter" runat="server" LiveResize="false"> <telerik:RadPane ID="radPaneLeft" runat="server" Scrolling="None" MinWidth="232" MaxWidth="272"> <telerik:RadSlidingZone ID="radSlidingZone" runat="server" Width="22" Height="0" ClickToOpen="true" DockedPaneId="radSlidingPane"> <telerik:RadSlidingPane ID="radSlidingPane" runat="server" BackColor="#F0F8FF" CssClass="slidingPane" TabView="TextAndImage" IconUrl="~/Images/hierarchy.gif" DockOnOpen="true" OnClientDocked="radSlidingPane_Docked" OnClientUndocked="radSlidingPane_Undocked" Width="200"> <telerik:RadListBox ID="radListBoxMuck" runat="server" Width="100%" Height="100%" OnClientSelectedIndexChanged="rlbClicked" OnClientItemDoubleClicked="rlbDoubleClicked" OnClientContextMenu="rlbContextMenu" onselectstart="return false;" OnItemCreated="radListBoxMuck_ItemCreated" EnableDragAndDrop="false">var rlbClickTimer; // Required presence for logic to distinguish between single & double-clicksfunction rlbClicked() { if (rlbClickTimer) clearTimeout(rlbClickTimer); rlbClickTimer = setTimeout(function () { // Code in 'rlbContextMenu' causes this method to be called. When a right-click occurs, // we don't want a PostBack to occur so we're just going to exit quietly. var rlbRightClicked = $('input[id$=_radListBoxIsRightClicked]')[0].id; var hidVar = document.getElementById(rlbRightClicked); if (hidVar.value == 'true') { hidVar.value = ''; // We successfully intercepted the right-click that got us to here so clear the hidden variable for when a left-click occurs return; } var updatePanel = $('div[id$=_UpdatePanel1]')[0].id; var slidingZone = $find($('table[id$=_radSlidingZone]')[0].id); var slidingPane = slidingZone.getPanes()[0]; var listBox = $find($("#" + slidingPane.get_id() + " div[id$=_radListBoxMuck]")[0].id); var rlbIdxName = $('input[id$=_radListBoxIndex]')[0].id; hidVar = document.getElementById(rlbIdxName); var rlbIdxVal = hidVar.value; var parameters; if (rlbIdxVal == '') parameters = 'radListBoxMuck,' + listBox.get_selectedIndex(); else { parameters = 'radListBoxMuck,' + rlbIdxVal; hidVar.value = ''; } parameters += ',1'; __doPostBack(updatePanel, parameters); }, 250); setTimeout(function() { scrollIntoView() }, 400);}// Works in conjunction with 'rlbClicked' and handles double-clicking on a RadListBox item.function rlbDoubleClicked() { var updatePanel = $('div[id$=_UpdatePanel1]')[0].id; var slidingZone = $find($('table[id$=_radSlidingZone]')[0].id); var slidingPane = slidingZone.getPanes()[0]; var listBox = $find($("#" + slidingPane.get_id() + " div[id$=_radListBoxMuck]")[0].id); clearTimeout(rlbClickTimer); var parameters = 'radListBoxMuck,' + listBox.get_selectedIndex() + ',2'; __doPostBack(updatePanel, parameters);}// Ensures that the selected item, if there is one, remains visible to the user after a postback.function scrollIntoView() { var slidingZone = $find($('table[id$=_radSlidingZone]')[0].id); var slidingPane = slidingZone.getPanes()[0]; var listBox = $find($("#" + slidingPane.get_id() + " div[id$=_radListBoxMuck]")[0].id); var item = listBox.get_selectedItem(); if (item != null) item.scrollIntoView();}