Editable hierarchy Grid

[Habib]

Hello, 
i need a help to use custom command in hierarchy grid. to add, edit and delete parent and child in the same grid.
Could you help me please. 

Thanks

[Alexander Popov]

Hello Habib,

I am not sure I understand your question correctly. Would you please elaborate? Also, in case you haven't already done so, I would suggest checking the Hierarchy Grid Editing demo.

Regards,
Alexander Popov
Telerik

 

 

[DHHS]

Hi Alexander,

I have used above project and created editable hierarchical grid. Everything is working perfect. I have one issue. When i try to create new record on primary grid (inline), I am getting inline new record where user can type in and update. But I am getting the small expandable arrow where user can click on that see the child grid with no records, but still the user can click on add button add records to child grid which is not acceptable since i still don't have record on my parent table saved. how can i prevent user to click on expandable arrow until the record is saved.

[Alexander Popov]

Hello,

In that case you can subscribe to the master Grid's edit event. Once the event is triggered you can check the isNew state of the edited item and if it is true - find and hide the expand arrow. For example: 

function onEdit(e) {
    if (e.model.isNew()) {
        e.container.find("td.k-hierarchy-cell").css({ visibility: "hidden" });
    }
}

Regards,
Alexander Popov
Telerik

[DHHS]

Perfect. It works like a charm.

 

Thanks,

Veena