I have a RadGrid that is based on the client edit with batch server update example code. I would like to change the background color of the row when the SelectedIndexChanged event fires in the RadComboBox in the currently edited cell of the grid row. I need to do this as a client side action. The currently edited row will be an ItemTemplate as the client edit with batch server update code doesn't use the EditItemTemplate when editing rows.
<telerik:RadComboBox ID="RadComboBankerRole" runat="server" OnItemsRequested="RadComboBankerRole_ItemsRequested" OnClientSelectedIndexChanged="RadComboBankerRole_SelectedIndexChanged"/>function RadComboBankerRole_SelectedIndexChanged(sender, eventArgs) { // Set row background color css class if selected value not string.Empty. // Bonus points if you can apply different css class based on row index mod 2 ("zebra striped rows") }<telerik:RadTimePicker runat="server" ID="StartTime" Width="95%" SelectedDate='<%# Bind("Start") %>'> <DateInput ID="StartDateInput" runat="server" EmptyMessage="داده اجباری" DateFormat="HH:mm" EnableSingleInputRendering="false" /> <TimePopupButton /> <TimeView ID="StartTimeView" runat="server" Columns="2" ShowHeader="true" TimeFormat="HH:mm" HeaderText="از ساعت"/> <DatePopupButton /> </telerik:RadTimePicker> RadTimePicker startTime = (RadTimePicker)e.Container.FindControl("StartTime"); startTime.TimeView.StartTime = PatientScheduler.DayStartTime; startTime.TimeView.EndTime = PatientScheduler.DayEndTime; startTime.SelectedTime = e.Appointment.Start.TimeOfDay;<telerik:RadScheduler runat="server" ID="PatientScheduler" Width="100%" Height="100%" DataSourceID="PatientAppointmentsEntityDataSource" DataKeyField="Id" DataSubjectField="Subject" DataStartField="Start" DataEndField="End" FirstDayOfWeek="Saturday" HoursPanelTimeFormat="HH:mm" LastDayOfWeek="Thursday" EditFormDateFormat="yyyy/MM/dd" Skin="Office2010Blue">PatientScheduler is from 8:00 to 17:00
I am trying to export two different rad grids on one excel file. I followed an example I found posed in the formums but am having issues acessing the radgrids that are inside of the itemtemplate of the RadGrid i want to export. I have the following ASPX code:
| <telerik:RadGrid ID="telerikBatchExportGrid" runat="server"> |
| <MasterTableView> |
| <ItemTemplate> |
| <telerik:RadGrid ID="telerikTransBatchGrid" runat="server" AutoGenerateColumns="false" |
| AllowFilteringByColumn="true" AllowSorting="true" AllowPaging="true" Skin="BlueGrid" |
| EnableEmbeddedSkins="false" AllowMultiRowSelection="false" Width="570px" PagerStyle-AlwaysVisible="true" |
| ShowFooter="true" OnNeedDataSource="telerikTransBatchGrid_NeedDataSource" OnInit="telerikTransBatchGrid_Init"> |
| <PagerStyle Mode="NextPrevAndNumeric" /> |
| <GroupingSettings CaseSensitive="False" /> |
| <MasterTableView Width="570px"> |
| <Columns> |
| <telerik:GridBoundColumn DataField="TrackingNumber" HeaderText="Tracking #" UniqueName="TrackingNumber" /> |
| <telerik:GridBoundColumn DataField="IndividualName" HtmlEncode="false" HeaderText="Name" |
| ItemStyle-HorizontalAlign="left" HeaderStyle-HorizontalAlign="center" /> |
| <telerik:GridBoundColumn DataField="EffectiveDate" HtmlEncode="false" HeaderText="Orig Date" |
| ItemStyle-HorizontalAlign="left" HeaderStyle-HorizontalAlign="center" DataFormatString="{0:d}" |
| FilterControlWidth="50px" /> |
| <telerik:GridBoundColumn DataField="Status" HtmlEncode="false" HeaderText="Status" |
| UniqueName="Status" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="center"> |
| <FilterTemplate> |
| <telerik:RadScriptBlock ID="RadScriptsBlockStatus" runat="server"> |
| <script type="text/javascript"> |
| function StatusSelectedIndexChanged2(sender, args) { |
| var tableView = $find("<%# TryCast(Container, GridItem).OwnerTableView.ClientID %>"); |
| tableView.filter("Status", args.get_item().get_value(), "EqualTo"); |
| } |
| </script> |
| </telerik:RadScriptBlock> |
| <telerik:RadComboBox ID="telerikDDLStatusFilter" SelectedValue='<%# TryCast(Container,GridItem).OwnerTableView.GetColumn("Status").CurrentFilterValue %>' |
| runat="server" OnClientSelectedIndexChanged="StatusSelectedIndexChanged2" Width="85px"> |
| <Items> |
| <telerik:RadComboBoxItem Text="All" Value="" /> |
| <telerik:RadComboBoxItem Text="Pending" Value="Pending" /> |
| <telerik:RadComboBoxItem Text="Sent" Value="Sent" /> |
| <telerik:RadComboBoxItem Text="Funded" Value="Funded" /> |
| <telerik:RadComboBoxItem Text="Failed" Value="Failed" /> |
| <telerik:RadComboBoxItem Text="Approved" Value="Approved" /> |
| <telerik:RadComboBoxItem Text="Refunded" Value="Refunded" /> |
| <telerik:RadComboBoxItem Text="Reversal Requested" Value="Reversal Requested" /> |
| <telerik:RadComboBoxItem Text="Reversal Complete" Value="Reversal Complete" /> |
| </Items> |
| </telerik:RadComboBox> |
| </FilterTemplate> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Amount" HtmlEncode="false" HeaderText="Amount" |
| UniqueName="Amount" ItemStyle-HorizontalAlign="right" HeaderStyle-HorizontalAlign="center" |
| DataFormatString="{0:C}" Aggregate="sum" FooterStyle-HorizontalAlign="right" |
| FilterControlWidth="50px" FooterStyle-Font-Bold="true"> |
| </telerik:GridBoundColumn> |
| </Columns> |
| </MasterTableView> |
| </telerik:RadGrid> |
| <br /> |
| <h3> |
| Client Transactions</h3> |
| <telerik:RadGrid ID="telerikClientTransBatchGrid" runat="server" AutoGenerateColumns="false" |
| AllowFilteringByColumn="true" AllowSorting="true" AllowPaging="true" Skin="BlueGrid" |
| EnableEmbeddedSkins="false" AllowMultiRowSelection="false" Width="570px" PagerStyle-AlwaysVisible="true" |
| ShowFooter="true" OnNeedDataSource="telerikClientTransBatchGrid_NeedDataSource" OnInit="telerikClientTransBatchGrid_Init"> |
| <PagerStyle Mode="NextPrevAndNumeric" /> |
| <GroupingSettings CaseSensitive="False" /> |
| <MasterTableView Width="570px"> |
| <Columns> |
| <telerik:GridBoundColumn DataField="TrackingNumber" HeaderText="Tracking #" UniqueName="TrackingNumber"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="IndividualName" HtmlEncode="false" HeaderText="Name" |
| ItemStyle-HorizontalAlign="left" HeaderStyle-HorizontalAlign="center" /> |
| <telerik:GridBoundColumn DataField="LogDate" HtmlEncode="false" HeaderText="Orig Date" |
| ItemStyle-HorizontalAlign="left" HeaderStyle-HorizontalAlign="center" DataFormatString="{0:d}" |
| FilterControlWidth="50px" /> |
| <telerik:GridBoundColumn DataField="Status" HtmlEncode="false" HeaderText="Status" |
| UniqueName="Status" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="center"> |
| <FilterTemplate> |
| <telerik:RadScriptBlock ID="RadScriptsBlockClientStatus" runat="server"> |
| <script type="text/javascript"> |
| function StatusSelectedIndexChanged3(sender, args) { |
| var tableView = $find("<%# TryCast(Container, GridItem).OwnerTableView.ClientID %>"); |
| tableView.filter("Status", args.get_item().get_value(), "EqualTo"); |
| } |
| </script> |
| </telerik:RadScriptBlock> |
| <telerik:RadComboBox ID="telerikDDLStatusFilter" SelectedValue='<%# TryCast(Container,GridItem).OwnerTableView.GetColumn("Status").CurrentFilterValue %>' |
| runat="server" OnClientSelectedIndexChanged="StatusSelectedIndexChanged3" Width="85px"> |
| <Items> |
| <telerik:RadComboBoxItem Text="All" Value="" /> |
| <telerik:RadComboBoxItem Text="Pending" Value="Pending" /> |
| <telerik:RadComboBoxItem Text="Sent" Value="Sent" /> |
| <telerik:RadComboBoxItem Text="Funded" Value="Funded" /> |
| <telerik:RadComboBoxItem Text="Failed" Value="Failed" /> |
| </Items> |
| </telerik:RadComboBox> |
| </FilterTemplate> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Amount" HtmlEncode="false" HeaderText="Amount" |
| UniqueName="Amount" ItemStyle-HorizontalAlign="right" HeaderStyle-HorizontalAlign="center" |
| DataFormatString="{0:C}" Aggregate="sum" FooterStyle-HorizontalAlign="right" |
| FilterControlWidth="50px" FooterStyle-Font-Bold="true"> |
| </telerik:GridBoundColumn> |
| </Columns> |
| </MasterTableView> |
| </telerik:RadGrid> |
| </ItemTemplate> |
| </MasterTableView> |
| </telerik:RadGrid>\ |
How do I access the internal RadGrids? I have tried the following with no sucess
| CType(Me.telerikBatchExportGrid.MasterTableView.FindControl("telerikTransBatchGrid"), Telerik.Web.UI.RadGrid) |
| CType(Me.telerikBatchExportGrid.MasterTableView.Items(0).FindControl("telerikTransBatchGrid"), Telerik.Web.UI.RadGrid) |
function AccessOnclient() { var grid = $find("<%= radGrid.ClientID %>"); if (grid) { var EditItems = grid.get_editItems(); for (var i = 0; i < EditItems.length; i++) { var editItem = EditItems[0]; var dateTimePicker = $(editItem.get_editFormItem()).find("input[id*='StartDate']").get(0) var date = new Date; dateTimePicker.set_selectedDate(date); } } return false;<telerik:GridTemplateColumn HeaderText="Start Date" UniqueName="StartDate" DataField="StartDate" SortExpression="StartDate" FilterControlWidth="90px"> <ItemTemplate> <asp:Label runat="server" ID="lblStartDate" Text='<%# Eval("StartDate", "{0:g}") %>'> </asp:Label> </ItemTemplate> <InsertItemTemplate> <telerik:RadDateTimePicker ID="StartDate" MinDate="2013/1/1" runat="server" DbSelectedDate='<%# Bind("StartDate") %>'> </telerik:RadDateTimePicker> <asp:Button runat="server" id="btnGetDate" Text="Get Date" OnClientClick="return AccessOnclient()" /> <asp:RequiredFieldValidator ID="StartDateRequiredInsert" ControlToValidate="StartDate" runat="server" ErrorMessage="Required"></asp:RequiredFieldValidator> </InsertItemTemplate> <EditItemTemplate> <telerik:RadDateTimePicker ID="StartDate" MinDate="2013/1/1" runat="server" DbSelectedDate='<%# Bind("StartDate") %>'> </telerik:RadDateTimePicker> <asp:Button runat="server" id="btnGetDate" Text="Get Date" OnClientClick="return AccessOnclient()" /> <asp:RequiredFieldValidator ID="StartDateRequiredEdit" ControlToValidate="StartDate" runat="server" ErrorMessage="Required"></asp:RequiredFieldValidator> </EditItemTemplate> </telerik:GridTemplateColumn>Hello,
I am using Telerik RedGrid with it’s default skin in are application[.NET 4.0] to display the record and on the sorting, Searching , paging features as well but override the default colors of the grid item through coding in “itemdatabound “ event but when apply the sorting on the specific column of the grid then it alter the colors of this column to default skin in rest cases it is working fine.
Please see the attached screen shot it will clear little bit more about the problem what I am facing.
Please Response if any body facing this type problem and have solution.
Thanks In Advance!