We have master-detail grids very similar to the Telerik demo here.
<telerik:RadGrid ID="MasterGrid" runat="server" AllowAutomaticUpdates="True" AllowFilteringByColumn="True" AllowSorting="True" AutoGenerateColumns="False" DataSourceID="MasterGridDataSource" GroupPanelPosition="Top" ShowGroupPanel="True"> <ClientSettings AllowColumnsReorder="True" EnablePostBackOnRowClick="True"> <Selecting AllowRowSelect="True" EnableDragToSelectRows="False" /> <Scrolling AllowScroll="True" UseStaticHeaders="True" /> <Resizing AllowColumnResize="True" AllowResizeToFit="True" EnableRealTimeResize="True" /> </ClientSettings> <MasterTableView CommandItemDisplay="Top" DataKeyNames="OptionsID" DataSourceID="MasterGridDataSource" EditMode="InPlace" AllowMultiColumnSorting="True" ClientDataKeyNames="OptionsID" Caption="Master Grid"> <Columns> <telerik:GridEditCommandColumn ButtonType="ImageButton" Exportable="False"> <HeaderStyle Width="28px" /> </telerik:GridEditCommandColumn> . . . </Columns> </MasterTableView></telerik:RadGrid>The problem is on master row edit, the master grid SelectedItem is unselected and the child grid is cleared.
Is there any way to keep the selection when entering edit mode?
Hi Team,
I don't want to display the expand/collapse icon if the child grid doesn't contain values.
It should display only the child grid has rows.
Thanks,
Rajesh
Protected Sub Parts_DetailTableDataBind(sender As Object, e As GridDetailTableDataBindEventArgs) Handles Parts.DetailTableDataBind
<telerik:GridTemplateColumn UniqueName="gtcName" HeaderText="Title"> <ItemTemplate> <telerik:RadButton ID="rbOpen" runat="server" ButtonType="ToggleButton" ToggleType="CheckBox" Checked='<%#Bind("isOpen")%>' Height="24" Width="48" ReadOnly="true"> <ToggleStates> <telerik:RadButtonToggleState ImageUrl="iOpen.png" IsBackgroundImage="false" Value="1" Selected="true" /> <telerik:RadButtonToggleState ImageUrl="iClosed.png" IsBackgroundImage="false" Value="0" /> </ToggleStates> </ItemTemplate> <EditItemTemplate> <telerik:RadButton ID="erbOpen" runat="server" ButtonType="ToggleButton" ToggleType="CheckBox" Checked='<%#Bind("isOpen")%>' Height="24" Width="48"> <ToggleStates> <telerik:RadButtonToggleState ImageUrl="iOpen.png" IsBackgroundImage="false" Value="1" Selected="true" /> <telerik:RadButtonToggleState ImageUrl="iClosed.png" IsBackgroundImage="false" Value="0" /> </ToggleStates> </telerik:RadButton> </EditItemTemplate></telerik:GridTemplateColumn><asp:Parameter Name="isOpen" Type="Boolean"/>Hi,
We've implemented a TabStrip with multiple tabs and content residing in PageViews of Multipage control. We would like to print all content from each pageview when a button is clicked. We want each pageview to be printed in a separate page. I tried selected pageview print from this
It worked perfectly for selected views. I modified the code to append innerHMTL as shown below and i am getting 'undefined' as text in print instead of actual content. Is there a way to print multiple pages in one go irrespective of which tab is active?
function printPageView() {
var myPageView = $find('<%= RadMultiPage1.ClientID %>');
var myIframe = document.getElementById('ifrmPrint');
var pvContent = "" // myPageView.get_pageViews().innerHTML;
var multiPage = $find("<%=RadMultiPage1.ClientID %>");
var i;
for (i = 0; i < myPageView.get_pageViews().get_count() ; i++) {
// alert(multiPage.get_pageViews().getPageView(i).get_id());
pvContent += multiPage.get_pageViews().getPageView(i).innerHTML;
}
var myDoc = (myIframe.contentWindow || myIframe.contentDocument);
if (myDoc.document) myDoc = myDoc.document;
myDoc.write("<html><head><title>title</title>");
myDoc.write("</head><body onload='this.focus(); this.print();'>");
myDoc.write(pvContent + "</body></html>");
myDoc.close();
}
I have an inline edit form on a radgrid. I am using the Glow skin and usually the textbox is black and the text is white, however both the text and textbox background colour are being rendered white for the inline edit form. How can I set the skin for the textboxes while in inline edit mode? The inline edit form is not specified I am using the automatic rendering.
Cheers
Caolan
I have some combo box whose values should be shown in gridview as the user clicks on submit button. Each time after filling the form, the data should be shown in grid view after pressing the submit button. How to write logic for this in code behind page.
<telerik:RadAjaxPanel ID="mainpanel" runat="server"> <table border="0" width="100%"> <tr> <td> <telerik:RadTextBox ID="txtName" runat="server" Width="260px" TextMode="SingleLine" MaxLength="65" Style="text-transform: uppercase;"></telerik:RadTextBox> <telerik:RadTextBox ID="txtName" runat="server" Width="260px" TextMode="SingleLine" MaxLength="65" Style="text-transform: uppercase;"></telerik:RadTextBox> <telerik:RadTextBox ID="txtName" runat="server" Width="260px" TextMode="SingleLine" MaxLength="65" Style="text-transform: uppercase;"></telerik:RadTextBox> </td> </tr> <tr> <td> <telerik:RadButton ID="submit" Text="Confirm" runat="server" OnClick="confirm_Click" /> </td> </tr> </table><telerik:RadGrid ID="gridConfirmSelection" runat="server" PageSize="100" AllowSorting="false" Width="100%"AllowPaging="True" ShowGroupPanel="false" AutoGenerateColumns="false" GridLines="None" > <MasterTableView AutoGenerateColumns="false" AllowFilteringByColumn="false" ShowFooter="false" TableLayout="Fixed"> <Columns> <telerik:GridBoundColumn HeaderText="Name"></telerik:GridBoundColumn> <telerik:GridBoundColumn HeaderText="Address"></telerik:GridBoundColumn> <telerik:GridBoundColumn HeaderText="Contact No." ></telerik:GridBoundColumn> </Columns> </MasterTableView></telerik:RadGrid>

Hi,
how can I change the tooltip template of the tasks in gantt control. I didn't find a property and there seems no way to change the wrapped kendo gantt tooltip in javascript with widget.setOptions. Any idea?
Thx

m using Telerik UI for asp.net. Specifically I'm using RadTabStrip with partial page postbacks to allow the user to tab through different sets of data. When the user clicks a tab, some code executes and loads data just for that tab.
Some things I've tried that work for similar problems:
I've figured out how to execute codebehind: I set the OnTabClick property of the RadTabStrip, and then in codebehind I check what tab was clicked.
E.g.
protected void tab_Click(object sender, RadTabStripEventArgs e)
if (e.Tab.Text == "Info")
{ populateInfoTab();
}
private void populateInfotab()
{
// Do some stuff
}
However, I can't figure out how to execute client side javascript after a specific tab is clicked. What I tried:
Set OnClientTabSelected property, and then add some javascript:
function tab_ClientClick(sender, args)
{
var tab = args.get_tab();
if(tab.get_text() == "Info")
{
alert("Tab Clicked");
}
}
This works, BUT:
The problem is that I need to set the InnerHtml of some div in the clicked pageview after it is clicked. I cannot do:
some_div.InnerHtml = "test";
after the alert.
The div does not exist on page load (that specific RadPageView is hidden) so I cannot set it then. Once the user clicks into the tab, and after the page view loads, I need to be able to update the div's InnerHtml through JavaScript.
How would I go about doing this?
