I have a grid with a single hierarchical child grid that the user may expand. I have the load mode set to "Client" and the edit mode set to "InPlace".
I want there to always be an insert row for the user to add new rows with if they wish. I have accomplished this with the master grid view (parent grid) with this function:
protected void radGrid1_PreRender(object sender, System.EventArgs e){ if (!radGrid1.MasterTableView.IsItemInserted) radGrid1.MasterTableView.InsertItem();}
This will cause there to always be an insert row.
However, with the child grid in client mode, there is no callback between expand and collapse for the child grids.
I've tried this with no success:
protected void radGrid1_PreRender(object sender, System.EventArgs e){ if (!radGrid1.MasterTableView.IsItemInserted) radGrid1.MasterTableView.InsertItem(); if (!rgPieces.MasterTableView.DetailTables[0].IsItemInserted) rgPieces.MasterTableView.DetailTables[0].InsertItem();}
What am I supposed to do here?

Hello
I have a complex grid with a GridButtonColumn where I want to set some parameters in codebehind. I'm using RadGrid1_PreRender for this.
Strangely, it only works after I used the pager to change page and not on first load...
What am I missing here? I also Page_Load, Page_PreRender, OnColumnCreated, still it just never works on first load and it's driving me insane :/
Thanks!!
protected void GridMaster_PreRender(object sender, EventArgs e) { foreach (GridColumn col in GridMaster.MasterTableView.Columns) { if (col.UniqueName == "DeleteEntryCommand") { var deleteColum = col as GridButtonColumn; // deleteColum.ConfirmText = RessourceHelper.GetRessource(name: "KontraktLoeschenBestaetigen", kurzText: false, textIfEmpty: "Soll der Kontrakt wirklich gelöscht werden?", languageId: null); deleteColum.ConfirmTitle = RessourceHelper.GetRessource(name: "KontraktLoeschenBestaetigenTitel", kurzText: false, textIfEmpty: "Kontrakt löschen", languageId: null); deleteColum.ConfirmTextFormatString = RessourceHelper.GetRessource(name: "KontraktLoeschenBestaetigen", kurzText: false, textIfEmpty: "Soll der Kontrakt {0} wirklich gelöscht werden?", languageId: null); deleteColum.ConfirmTextFields = new string[] { "Referenz" }; } } }
<telerik:GridButtonColumn UniqueName="DeleteEntryCommand" CommandName="Delete" ConfirmDialogType="RadWindow" ConfirmDialogWidth="300" ConfirmDialogHeight="150" Text="" ItemStyle-HorizontalAlign="Center" ItemStyle-CssClass="radGridDeleteColumn" ButtonCssClass="fa fa-trash-o fa-1x radGridDeleteButton"> <HeaderStyle Width="40" /></telerik:GridButtonColumn>
Hi all,
I have a RadGridView with BachEdit. I start editing when click on cell and save changes with a save button of radgrid.
I need 2 things and i cant reach how.
1º I need reject the edit mode of cell in some cells (Ex cell 2 column 3).
2º I need get whole information of cells/columns when i click Save changes.I think BachEdit mode are some different...
Thz for your time

Hi,
Can anybody help me to solve this issue?
I am using RadComboBox and have an issue about this control. I am creating RadComboBox on server side and keep this control as Html like in .png. Everthing works fine on this situation. But when I try to update items for adding or removing any item, rcbSlide in body not updated, thats why combox does not display updated items. How can sync both rcbSlide in body and radcombox div? I tried copy html from div to body but, it does not work. Also when I close and reopen project new items displayed in combo. It seems body cache the items but I can not find have can I refresh items?
Please look at attached screenshots,
CreateRadComboBox.PNG for creating html for RadComboBox
rcbSlide_InDIV.PNG for displayed updated combo in UI
rcbSlide_InBody.PNG for html that stored in body.
I have a button in which I don't want to use the alert box for a confirmation and I intend to use a jquery modal window for but I can't seem to get it to work.
$('#grid').kendoGrid({
...
editable: { confirmation:false, mode:'popup' } // this turns off the delete confirmation alert but allows popups
...
});
I've tried adding a click event inside the grid script and outside, but nothing is triggering the event.
As a test, I used the 'a' tag but nothing is working yet.
$('a').click(function(e){
e.preventDefault();
e.stopPropagation();
var title = '<span class="warning">Warning</span>';
$.get('/main/test'), function(data){
test(data, modal.large, title);
});
});
I'd use a custom kendotemplate but I am using a custom jquery modal instead and I can't seem to trigger it.
I have a button in which I don't want to use the alert box for a confirmation and I intend to use a jquery modal window for but I can't seem to get it to work.
$('#grid').kendoGrid({
...
editable: { confirmation:false, mode:'popup' } // this turns off the delete confirmation alert but allows popups
...
});
I've tried adding a click event inside the grid script and outside, but nothing is triggering the event.
As a test, I used the 'a' tag but nothing is working yet.
$('a').click(function(e){
e.preventDefault();
e.stopPropagation();
var title = '<span class="warning">Warning</span>';
$.get('/main/test'), function(data){
test(data, modal.large, title);
});
});
I'd use a custom kendotemplate but I am using a custom jquery modal instead and I can't seem to trigger it.
Hi,
First of all, I'm using the latest version of your Telerik.Web.UI.dll (2016.3.914.40). I'm trying to set RadDropDownTree HeaderTemplate dynamically as I did for RadComboBox. Here is my code :
<telerik:RadDropDownTree ID="RadDropDownTree" runat="server" EnableViewState="false" CheckBoxes="None" OnNodeDataBound="RadDropDownTree_NodeDataBound" <br> DataFieldID="ID" DataFieldParentID="ParentID" DataTextField="Text" DataValueField="Value"<br> Width="100%" RenderMode="Lightweight" Visible="false" Skin="Metro"><br></telerik:RadDropDownTree>
I'm really struggling to work this out. My grid columns are currently:
columns.ForeignKey(c => c.CustomerId, (System.Collections.IEnumerable)ViewData["CustomersDropDown"], "Id", "Name").Title("Customer Name");columns.Bound(c => c.Filename).Title("File"));columns.Bound(c => c.Schema).Title("Schema"));//.EditorTemplateName("EnumDropDown");
The ForeignKey field displays fine and I'm happy with it. The "Schema" field (last line) is an enumerated type. Now the way this dropdown looks when the grid is in edit mode is vastly different to what the ForeignKey dropdown looks like. OK, so I just want to apply the same CSS in edit mode. However, I can't seem to find out how. I've tried adding a template which I don't think I got right (code below, or at least my last attempt at it) in order to add the CSS. It seems, from searching, that my only recourse is to take the enumerated type, turn it into a selectlist in the back end simply so I can use the ForeignKey property of Kendo UI instead of Bound. This seems a little long way to go simply to apply some CSS while in edit mode. The grid, functionally works fine otherwise.
My EnumDropDown as it stands now, though has gone through many previous edits in an effort to get it going. This current incarnation seems to format it, but displays no data.
@model Common.Schema@(Html.Kendo().DropDownListFor(m => m) .BindTo(Enum.GetNames(typeof(Common.Schema))) .HtmlAttributes(new { style = "k-dropdown" }))
hi
how do i change the background color all white? As you can see from the attachment there are some white and gray. Thanks a lot
The group panel for drag and drop grouping at the top of the grid contains nested tables. See sample markup below. Those tables contain empty TH elements which are not displayed (display=none), but still generate errors by our WAI accessibility checker tool. Is there a property I can set that will set the text for those TH elements? I've set the 3 offending TH elements in bold below.
Thanks,
Ray
<div id="ctl00_MasterHolder_rgdUsrReport_GroupPanel" style="width:100%;">
<table id="ctl00_MasterHolder_rgdUsrReport_GroupPanel_TB" class="rgGroupPanel" summary="The table which holds all grouping nested tables and is used as a wrapper." style="width:100%;border-spacing:0;border-collapse:separate;" role="presentation">
<caption>
MainTable
</caption><thead>
<tr style="display:none;">
<th scope="col"></th>
</tr>
</thead><tbody>
<tr>
<td><table summary="The nested grouping table which holds the group items table holding all grouped column items." style="width:100%;border-spacing:0;">
<caption>
Nested Grouping Table
</caption><thead>
<tr style="display:none;">
<th scope="col"></th>
</tr>
</thead><tbody>
<tr>
<td><table cellpadding="2" summary="The table holding all group items which are positioned in the group panel." style="border-style:None;width:100%;border-spacing:0;">
<caption>
Group Items Table
</caption><thead>
<tr style="display:none;">
<th scope="col"></th>
</tr>
</thead><tbody>
<tr>
<th scope="col" title="Drag out of the bar to ungroup" class="rgGroupItem" style="white-space: nowrap; cursor: move;">Data Collection Name <input type="button" name="ctl00$MasterHolder$rgdUsrReport$GroupPanel$ctl03" value=" " onclick="javascript:__doPostBack('ctl00$MasterHolder$rgdUsrReport$GroupPanel$ctl03','')" title="Sorted asc" class="rgSortAsc"> <input type="button" name="ctl00$MasterHolder$rgdUsrReport$GroupPanel$ctl04" value=" " onclick="$find('ctl00_MasterHolder_rgdUsrReport').get_masterTableView()._ungroupByExpression('0:0'); return false;__doPostBack('ctl00$MasterHolder$rgdUsrReport$GroupPanel$ctl04','')" title="Click here to ungroup" class="rgUngroup"></th><td>-</td><th scope="col" title="Drag out of the bar to ungroup" class="rgGroupItem" style="white-space: nowrap; cursor: move;">Institution Name <input type="button" name="ctl00$MasterHolder$rgdUsrReport$GroupPanel$ctl06" value=" " onclick="javascript:__doPostBack('ctl00$MasterHolder$rgdUsrReport$GroupPanel$ctl06','')" title="Sorted asc" class="rgSortAsc"> <input type="button" name="ctl00$MasterHolder$rgdUsrReport$GroupPanel$ctl07" value=" " onclick="$find('ctl00_MasterHolder_rgdUsrReport').get_masterTableView()._ungroupByExpression('0:1'); return false;__doPostBack('ctl00$MasterHolder$rgdUsrReport$GroupPanel$ctl07','')" title="Click here to ungroup" class="rgUngroup"></th><td style="width:100%;"></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
</div>