Hi,
I have a simple hierarchical grid and I am trying to add a new record with the CommandItemTemplate, a RadWindow and a little javascript but I am having trouble retrieving the DataKeyValue:
The Grid:
Javascript:
Have tried various methods I have found on the forum here but I just can't seem to get this to work.
I have a simple hierarchical grid and I am trying to add a new record with the CommandItemTemplate, a RadWindow and a little javascript but I am having trouble retrieving the DataKeyValue:
The Grid:
| <telerik:RadGrid ID="rgChanges" runat="server" AllowPaging="True" AllowSorting="True" |
| AutoGenerateColumns="False" PageSize="20" Skin="Office2007" GridLines="None"> |
| <HeaderContextMenu EnableTheming="True"> |
| <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> |
| </HeaderContextMenu> |
| <PagerStyle Mode="NextPrevAndNumeric" Position="TopAndBottom" /> |
| <MasterTableView Width="100%" DataKeyNames="ChangeID" ClientDataKeyNames="ChangeID" |
| AllowMultiColumnSorting="True" Name="ChangesList" CommandItemDisplay="Top"> |
| <CommandItemTemplate> |
| <table width="100%" class="rgCommandTable"> |
| <tr> |
| <td> |
| <a href="#" onclick="return AddNewChange();" ><img src="../images/addnewrecord.gif" alt="" border="0" /> Add new record</a> |
| </td> |
| <td align="right"> |
| <asp:LinkButton ID="LinkButton1" runat="server" CommandName="RebindGrid"><img |
| src="../images/refresh.gif" |
| alt="" border="" /> Refresh</asp:LinkButton> |
| </td> |
| </tr> |
| </table> |
| </CommandItemTemplate> |
| <DetailTables> |
| <telerik:GridTableView DataKeyNames="ChangeTestID" ClientDataKeyNames="ChangeTestID" Name="Tests" Width="100%" CommandItemDisplay="Top"> |
| <CommandItemTemplate> |
| <table width="100%" class="rgCommandTable"> |
| <tr> |
| <td> |
| <a href="#" onclick="return AddNewTest();" ><img src="../images/addnewrecord.gif" alt="" border="0" /> Add new record</a> |
| </td> |
| <td align="right"> |
| <asp:LinkButton ID="LinkButton1" runat="server" CommandName="RebindGrid"><img |
| src="../images/refresh.gif" |
| alt="" border="" /> Refresh</asp:LinkButton> |
| </td> |
| </tr> |
| </table> |
| </CommandItemTemplate> |
| <RowIndicatorColumn> |
| <HeaderStyle Width="20px" /> |
| </RowIndicatorColumn> |
| <ExpandCollapseColumn> |
| <HeaderStyle Width="20px" /> |
| </ExpandCollapseColumn> |
| <Columns> |
| <telerik:GridBoundColumn DataField="ChangeTestID" HeaderText="ChangeTestID:" UniqueName="ChangeTestID" |
| Visible="false"> |
| </telerik:GridBoundColumn> |
| <telerik:GridDateTimeColumn DataField="DateOfTest" HeaderText="Date of Test:" UniqueName="DateOfTest" |
| DataFormatString="{0:D}"> |
| </telerik:GridDateTimeColumn> |
| <telerik:GridBoundColumn DataField="TestedBy" HeaderText="Tested by:" UniqueName="TestedBy"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Comments" HeaderText="Comments" UniqueName="Comments"> |
| </telerik:GridBoundColumn> |
| <telerik:GridCheckBoxColumn DataField="IsSuccessful" HeaderText="Successful Test:" |
| UniqueName="IsSuccessful"> |
| </telerik:GridCheckBoxColumn> |
| </Columns> |
| </telerik:GridTableView> |
| </DetailTables> |
| <RowIndicatorColumn> |
| <HeaderStyle Width="20px"></HeaderStyle> |
| </RowIndicatorColumn> |
| <ExpandCollapseColumn Visible="True"> |
| <HeaderStyle Width="20px"></HeaderStyle> |
| </ExpandCollapseColumn> |
| <Columns> |
| <telerik:GridBoundColumn DataField="ChangeID" HeaderText="ChangeID:" UniqueName="ChangeID" |
| Visible="false"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="ChangeTitle" HeaderText="Change Title:" UniqueName="ChangeTitle"> |
| </telerik:GridBoundColumn> |
| <telerik:GridDateTimeColumn DataField="DateOfChange" HeaderText="Date of Change:" |
| UniqueName="DateOfChange" DataFormatString="{0:D}"> |
| </telerik:GridDateTimeColumn> |
| <telerik:GridBoundColumn DataField="Version" HeaderText="Version:" UniqueName="Version"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Developer" HeaderText="Developer:" UniqueName="Developer"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Comments" HeaderText="Comments:" UniqueName="Comments"> |
| </telerik:GridBoundColumn> |
| </Columns> |
| </MasterTableView> |
| <ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True" AllowDragToGroup="True"> |
| <Selecting AllowRowSelect="True"></Selecting> |
| <Selecting AllowRowSelect="true" /> |
| <ClientEvents OnRowDblClick="RowDblClick" /> |
| </ClientSettings> |
| </telerik:RadGrid> |
Javascript:
| <script type="text/javascript"> |
| function openTestEditWindow(id,changeid) { |
| var win = newWin("editTest.aspx?id=" + id + "&changeid=" + changeid, "Edit Window", 500, 750, true, refreshPage); |
| } |
| function AddNewTest(sender, eventArgs) { |
| //Need to get parent ID here |
| openTestEditWindow('new', 'ID here'); |
| } |
| function newWin(url, title, height, width, modal, onClose) { |
| var win = radopen(url); |
| win.set_height(height); |
| win.set_width(width); |
| win.set_title(title); |
| if (modal == true) |
| win.set_modal(true); |
| win.center(); |
| if (onClose != undefined) |
| win.add_close(onClose); |
| return win; |
| } |
| </script> |
Have tried various methods I have found on the forum here but I just can't seem to get this to work.