Whenever I double click on a row, the grid disappears and is replaced by a solid line. I have copied the code from the example on the demos site except I am databinding in the code-behind and I wish to insert/update/delete in the code-behind. Why is there a blue bar showing instead of a field converting into a text box?
Here's my code:
.ASPX
<telerik:RadGrid id="RadGrid1" runat="server" RegClient="true"
AllowPaging="True" AllowSorting="True" AllowAutomaticUpdates="true" OnUpdateCommand="updateDrips" GridLines="None" PageSize="20" Width="100%" EnableEmbeddedSkins="false" Skin="Elevate" >
<ClientSettings AllowColumnHide="True" Selecting-AllowRowSelect="true" AllowColumnsReorder="True" ReorderColumnsOnClient="True" EnableRowHoverStyle="true">
<Resizing EnableRealTimeResize="True" ResizeGridOnColumnResize="True" AllowColumnResize="true"></Resizing>
<Scrolling AllowScroll="true" />
<ClientEvents OnRowDblClick="editDrips" OnRowSelected="enableEdit" OnRowDeselected="disableEdit" />
</ClientSettings>
<MasterTableView AutoGenerateColumns="false" ClientDataKeyNames="touchID, campaignID" EditMode="InPlace">
<PagerStyle Visible="false" />
<Columns>
<telerik:GridBoundColumn UniqueName="touchID" DataField="touchID" Display="false" />
<telerik:GridBoundColumn UniqueName="campaignID" DataField="campaignID" Display="false" />
<telerik:GridBoundColumn UniqueName="description" DataField="description" HeaderText="Touches">
<ItemStyle Wrap="false" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="date" DataField="date" HeaderText="Date" ItemStyle-Width="150" DataFormatString="{0:MM/dd/yyyy}" />
<telerik:GridBoundColumn UniqueName="daysOffset" DataField="daysOffset" HeaderText="Offset" ItemStyle-Width="150" />
</Columns>
</MasterTableView>
</telerik:RadGrid>
.JS
function
editDrips(sender, args) {
editedRow = args.get_itemIndexHierarchical();
$find("<% RadGrid1.ClientID %>").get_masterTableView().editItem(editedRow);
}