I am Using the Angular tree grid in my project i facing an issues, when i click on edit icon am unable to load the drop down on Add Icon its working fine Please below screenshot
I tried the Debug and fond that the below
image.png
Surprisingly When i add new node then and click edit now the edit dropdown is showing fine
My Package.json file
My Html
<db-angular-tree-grid #angularGrid [data]="data" [configs]="configs" (add)="onAdd($event)" (rowdelete)="onRowDelete($event)" (rowsave)="onRowSave($event)" (rowadd)="onRowAdd($event,data)"> </db-angular-tree-grid>
please Do Needfull
I am Using the Angular tree grid in my project i facing an issues, when i click on edit icon am unable to load the drop down on Add Icon its working fine Please below screenshot
I tried the Debug and fond that the below image.png
Surprisingly When i add new node then and click edit now the edit dropdown is showing fine My Package.json file
My Configuration
configs: any = { id_field: 'syllabusId', parent_id_field: 'parentSyllabusFK', parent_display_field: 'topic', filter: true, actions: { add: true, edit: true, delete: true, edit_parent: true, resolve_add: true, resolve_delete: true, resolve_edit: true }, css: { // Optional expand_class: 'fa fa-caret-right', collapse_class: 'fa fa-caret-down', add_class: 'fa fa-plus', edit_class: 'fa fa-pencil', delete_class: 'fa fa-trash', save_class: 'fa fa-save', cancel_class: 'fa fa-remove', }, columns: [ { name: 'topic', header: 'Topic Name', editable: true, sortable: true }, { name: 'levelNumber', header: 'Level', editable: true, sortable: true, css_class:'alignTest', }, { name: 'desc', header: 'Description', editable: true, sortable: true }, { name: 'lessonsCount', header: 'Lessons', type: 'custom', css_class:'alignTest', component: CustomCellViewComponent }, { name: 'studyMaterialCount', header: 'Study Material', type: 'custom', css_class:'alignTest', component: CustomStudyMaterialComponent }, { name: 'quizCount', header: 'Quizzes', type: 'custom', css_class:'alignTest', component: CustomQuizzesComponent } ], row_edit_function: function (rec: any) { if (rec.parentSyllabusFK === 18) { return false; } else { return true; } }, row_delete_function: function (rec: any) { if (rec.parentSyllabusFK === 18) { return false; } else { return true; } }, row_class_function: function (rec: any) { return 'row-custom'; } };
My Html
<db-angular-tree-grid #angularGrid [data]="data" [configs]="configs" (add)="onAdd($event)" (rowdelete)="onRowDelete($event)" (rowsave)="onRowSave($event)" (rowadd)="onRowAdd($event,data)"> </db-angular-tree-grid>
please Do Needfull