Hi there,
I'm trying to get a RadTreeList to create a child record on the next hierarchical level. I have EditMode="InPlace". I want to place the edit area to properly reflect where the child record will be placed, and I have attached pictures below with what I currently have and what I want.
Currently, the edit area appears on the same level as the record that the insert button was clicked. I need it to appear on the next level of nesting directly under the parent record, along with the appropriate tree lines.
Ideally I'd like a server-side implementation. Does anyone know if this is possible and if so, how I would be able to do it?
Thanks
ASPX:
<
telerik:RadTreeList
RenderMode
=
"Lightweight"
runat
=
"server"
ID
=
"radTree"
DataKeyNames
=
"ID,PartNum"
ParentDataKeyNames
=
"ParentID,ParentPartNum"
AutoGenerateColumns
=
"false"
EditMode
=
"InPlace"
OnNeedDataSource
=
"radTree_NeedDataSource"
OnItemDataBound
=
"radTree_ItemDataBound"
OnUpdateCommand
=
"radTree_UpdateCommand"
OnDeleteCommand
=
"radTree_DeleteCommand"
OnInsertCommand
=
"radTree_InsertCommand"
OnItemCreated
=
"radTree_ItemCreated"
OnItemSelected
=
""
OnItemCommand
=
"radTree_ItemCommand"
OnTreeShowingEditor
=
""
ExpandCollapseMode
=
"Server"
Width
=
"100%"
Skin
=
"Windows7"
>
<
Columns
>
<
telerik:TreeListEditCommandColumn
UniqueName
=
"EditCommandColumn"
ButtonType
=
"FontIconButton"
HeaderStyle-Width
=
"80px"
AddRecordText
=
"Add child part"
EditText
=
"Edit part"
>
</
telerik:TreeListEditCommandColumn
>
<
telerik:TreeListButtonColumn
UniqueName
=
"DeleteCommandColumn"
Text
=
"Delete"
CommandName
=
"Delete"
HeaderStyle-Width
=
"40px"
ButtonType
=
"FontIconButton"
ToolTip
=
"Delete part"
>
</
telerik:TreeListButtonColumn
>
<
telerik:TreeListBoundColumn
DataField
=
"ParentID"
HeaderText
=
"ParentID"
UniqueName
=
"ParentPath"
Visible
=
"false"
>
<
HeaderStyle
Width
=
"200px"
></
HeaderStyle
>
</
telerik:TreeListBoundColumn
>
<
telerik:TreeListBoundColumn
DataField
=
"ParentPartNum"
HeaderText
=
"ParentPartNum"
UniqueName
=
"ParentPartNum"
Visible
=
"false"
>
<
HeaderStyle
Width
=
"200px"
></
HeaderStyle
>
</
telerik:TreeListBoundColumn
>
<
telerik:TreeListBoundColumn
DataField
=
"ID"
HeaderText
=
"ID"
UniqueName
=
"ID"
Visible
=
"false"
>
<
HeaderStyle
Width
=
"200px"
></
HeaderStyle
>
</
telerik:TreeListBoundColumn
>
<
telerik:TreeListTemplateColumn
UniqueName
=
"PartNum"
DataField
=
"PartNum"
HeaderText
=
"Part Number"
HeaderStyle-Width
=
"300px"
>
<
ItemTemplate
>
<
asp:Literal
Text='<%#Eval("PartNum").ToString() %>'
runat="server" ID="PartNum"></
asp:Literal
>
</
ItemTemplate
>
<
EditItemTemplate
>
<
div
style
=
"display: inline-block"
>
<
telerik:RadTextBox
ID
=
"txtPartNum"
runat
=
"server"
Width
=
"100px"
Text='<%# Bind("PartNum")%>' />
<
telerik:RadButton
ID
=
"radBtnSearch"
runat
=
"server"
Text
=
"Search"
CommandName
=
"openSearchErpPart"
OnClientClicking
=
"openSearchErpPart"
/>
</
div
>
</
EditItemTemplate
>
</
telerik:TreeListTemplateColumn
>
</
Columns
>
<
ClientSettings
>
<
Scrolling
AllowScroll
=
"true"
UseStaticHeaders
=
"true"
SaveScrollPosition
=
"true"
ScrollHeight
=
"400px"
/>
<
Selecting
AllowItemSelection
=
"true"
/>
<
ClientEvents
OnItemClick
=
"itemClick"
/>
</
ClientSettings
>
</
telerik:RadTreeList
>