We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
New Product LaunchBoldDesk: Help desk ticketing software starts at $10 for 3 agents.
Try it for free.|
<script>
$("#TreeGridContainer").ejTreeGrid({
//...
columns: [
//...
{
field: 'custom', headerText: "Command Column",
commands: [
//...
{ type: "Add", buttonOptions: { text: "Add", click: addRow } },
]
}
],
queryCellInfo: function(args){
if (args.column.field == "custom") {
if(!args.data.hasChildRecords){
$(args.cellElement).find(".e-Addbutton").css({ 'display': 'none'});
}
}
}
})
function addRow(args){
var obj = $("#TreeGridContainer").ejTreeGrid("instance");
var index = obj.getIndexByRow(args.target.closest("tr"));
obj.selectRows(obj.getUpdatedRecords().indexOf(obj.model.currentViewData[index]));
var data = {};
obj.addRow(data, ej.TreeGrid.RowPosition.Child);
}
});
</script> |
Hi Xia,We can include custom buttons in command column to perform custom actions using the type property. By using queryCellInfo event of TreeGrid control, we can include the custom buttons only for the parent records. By using the addRow method, we can dynamically add the empty rows on custom button click action, using the click event of button control.Please find the below code example.
