or
Client Side Rad Grid Binding- How to pass extra arguments to web service method (GetData or GetDataAndCount) other than 4 default arguments and bind grid on a button click with an asynchronous call to web service.
I am trying to use client side binding of Rad Grid as demonstrated on the following link http://demos.telerik.com/aspnet-ajax/grid/examples/client/declarativedatabinding/defaultcs.aspx. My scenario is a bit different from this one. I want to pass in some 4-5 extra arguments to my web service method from the top level filter controls (not column level filter) on top of the page and then I want to rebind my grid by making an asynchronous call to my web service on a button click without a postback.
<telerik:RadAsyncUpload runat="server" ID="rfUpload" Width="225px"
DropZones="#DropZone" MultipleFileSelection="Automatic" AutoAddFileInputs="true"
OnClientAdded="fiad" OnClientFileUploadRemoved="fiad" OnClientFileUploaded="fiup" UploadedFilesRendering="BelowFileInput" /><asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline"> <ClientEvents OnRequestStart="onRequestStart" /> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="grdItemComp"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="grdItemComp" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="RadTabStrip1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="grdItemComp" LoadingPanelID="RadAjaxLoadingPanel1" /> <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" UpdatePanelRenderMode="Inline" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="cbVendorsMain"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="grdItemComp" LoadingPanelID="RadAjaxLoadingPanel1" /> <telerik:AjaxUpdatedControl ControlID="lblVendorItemsOnFile" /> <telerik:AjaxUpdatedControl ControlID="cbVendors" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <div class="wrapper"> <div class="IC_Header_Right"> <p>Last Vendor Data Upload: <asp:Label runat="server" ID="lblLasVendorUpload" Text="" Font-Underline="true" /></p> <b><asp:Label runat="server" ID="lblVendorItemsOnFile" Text="" /></b> </div> <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="WebBlue"> </telerik:RadAjaxLoadingPanel> <div class="IC_TabStrip"> <telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0" ontabclick="RadTabStrip1_TabClick" EnableAjaxSkinRendering="true"> <Tabs> <telerik:RadTab runat="server" Text="Matching" /> <telerik:RadTab runat="server" Text="Discrepancies" Selected="True" /> <telerik:RadTab runat="server" Text="Not in Our Item File" /> <telerik:RadTab runat="server" Text="Not in Their File" /> </Tabs> </telerik:RadTabStrip> <div id="divgrid" class="IC_Grid"> <telerik:RadGrid ID="grdItemComp" runat="server" Skin="Windows7" EnableAjaxSkinRendering="true" CellSpacing="0" GridLines="None" AutoGenerateColumns="False" AllowPaging="True" PageSize="17" onpageindexchanged="grdItemComp_PageIndexChanged" onneeddatasource="grdItemComp_NeedDataSource" onitemcommand="grdItemComp_ItemCommand" > <ClientSettings> <Selecting CellSelectionMode="None"></Selecting> </ClientSettings> <ExportSettings HideStructureColumns="true" /> <MasterTableView CommandItemDisplay="Bottom" UseAllDataFields="true"> <CommandItemSettings ShowRefreshButton="false" ShowAddNewRecordButton="false" ShowExportToExcelButton="true"></CommandItemSettings> <RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column"> <HeaderStyle Width="20px"></HeaderStyle> </RowIndicatorColumn> <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column"> <HeaderStyle Width="20px"></HeaderStyle> </ExpandCollapseColumn> <Columns> <telerik:GridBoundColumn DataField="UPC" HeaderText="UPC" UniqueName="UPC"> <HeaderStyle Width="50px" /> <ItemStyle Width="50px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="SB_ITEM_NO" HeaderText="Our Item No" UniqueName="SB_ITEM_NO"> <HeaderStyle Width="50px" /> <ItemStyle Width="50px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="VENDOR_ITEM_DESC" HeaderText="Their Item Description" UniqueName="VENDOR_ITEM_DESC" DataFormatString="<nobr>{0}</nobr>"> <HeaderStyle Width="250px" /> <ItemStyle Width="250px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="VENDOR_ITEM_SIZE" HeaderText="Their Item Size" UniqueName="VENDOR_ITEM_SIZE" DataFormatString="<nobr>{0}</nobr>"> <HeaderStyle Width="100px" /> <ItemStyle Width="100px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="SB_ITEM_DESC" HeaderText="Our Item Description" UniqueName="SB_ITEM_DESC" DataFormatString="<nobr>{0}</nobr>"> <HeaderStyle Width="250px" /> <ItemStyle Width="250px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="SB_ITEM_SIZE" HeaderText="S.B. Item Size" UniqueName="SB_ITEM_SIZE" DataFormatString="<nobr>{0}</nobr>"> <HeaderStyle Width="100px" /> <ItemStyle Width="100px" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="VENDOR_BASE_COST" HeaderText="Vendor Base Cost" UniqueName="Vendor_BASE_COST" DataFormatString="{0:###,##0.00###}" > <HeaderStyle Width="50px" HorizontalAlign="Right" /> <ItemStyle Width="50px" HorizontalAlign="Right" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="VENDOR_ALLOWANCE" HeaderText="Vendor Allowance" UniqueName="VENDOR_ALLOWANCE" DataFormatString="{0:###,##0.00###}"> <HeaderStyle Width="50px" HorizontalAlign="Right" /> <ItemStyle Width="50px" HorizontalAlign="Right" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="VENDOR_NET_COST" HeaderText="Vendor Net Cost" UniqueName="VENDOR_NET_COST" DataFormatString="{0:###,##0.00###}"> <HeaderStyle Width="50px" HorizontalAlign="Right" /> <ItemStyle Width="50px" BackColor="Silver" Font-Bold="True" HorizontalAlign="Right" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="SB_BASE_COST" HeaderText="Our Base Cost" UniqueName="SB_BASE_COST" DataFormatString="{0:###,##0.00###}"> <HeaderStyle Width="50px" HorizontalAlign="Right" /> <ItemStyle Width="50px" HorizontalAlign="Right" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="SB_ALLOWANCE" HeaderText="Our Allowance" UniqueName="SB_ALLOWANCE" DataFormatString="{0:###,##0.00###}"> <HeaderStyle Width="50px" HorizontalAlign="Right" /> <ItemStyle Width="50px" HorizontalAlign="Right" /> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="SB_NET_COST" HeaderText="Our Net Cost" UniqueName="SB_NET_COST" DataFormatString="{0:###,##0.00###}"> <HeaderStyle Width="50px" HorizontalAlign="Right" /> <ItemStyle Width="50px" BackColor="Silver" Font-Bold="True" HorizontalAlign="Right" /> </telerik:GridBoundColumn> </Columns> <EditFormSettings> <EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn> </EditFormSettings> </MasterTableView> <FilterMenu EnableImageSprites="False"></FilterMenu> </telerik:RadGrid> </div> </div> <script type="text/javascript"> function onRequestStart(sender, args) { if (args.get_eventTarget().indexOf("ExportToExcelButton") >= 0 || args.get_eventTarget().indexOf("ExportToWordButton") >= 0 || args.get_eventTarget().indexOf("ExportToCsvButton") >= 0) { args.set_enableAjax(false); } } function Popup(message) { alert(message); }; </script> </div></asp:Content>RadGrid1.DataBind() RadGrid1.ExportSettings.OpenInNewWindow = True RadGrid1.ExportSettings.ExportOnlyData = False RadGrid1.ExportSettings.HideStructureColumns = False RadGrid1.ExportSettings.IgnorePaging = True RadGrid1.MasterTableView.ExportToExcel()<telerik:RadWindow ID="Details" runat="server" Title="Details" Width="450" Height="536" VisibleOnPageLoad="false" Behaviors="Move, Close" Left="580" EnableShadow="true" RegisterWithScriptManager="false"> <ContentTemplate> <telerik:RadTextBox ID="Test" runat="server"> </telerik:RadTextBox> </ContentTemplate></telerik:RadWindow>function refreshRadGrid() { var masterTable = $find("<%=RadGrid2.ClientID%>").get_masterTableView(); masterTable.rebind();}Protected Sub RadGrid2_NeedDataSource(sender As Object, e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles RadGrid2.NeedDataSource ' MATERIALS FOR DAYSHEET Dim dt As New DataTable If lblHeaderID.Text <> 0 Then Dim itm As New dbrcOrdItems(Session("ConnectionString")) Dim HeaderID As Integer = lblHeaderID.Text dt = itm.ListforDaySheet(HeaderID) RadGrid2.DataSource = dt End If RadGrid2.DataSource = dtEnd Sub
<telerik:RadWindowManager ID="RadWindowManager1" runat="server" ShowContentDuringLoad="false" Width="638px" Height="323px" Top="80px" Left="80px" VisibleStatusbar="False" BorderStyle="None" BorderWidth="1px" InitialBehaviors="Close, Move" Animation="None" Behaviors="Close, Move" EnableViewState="false" InitialBehavior="Close"> </telerik:RadWindowManager>//Show RadWindow withfunction ShowWindow(Document) { //Popup Window top.radopen(Document, "RadWindow1"); //Window within the Iframe //window.radopen(Document, "RadWindow1"); return false;}