debabratapatra / angular-tree-grid

Angular 10 Tree Grid
https://curiouslinks.com/pages/angular-tree-grid/demo
MIT License
31 stars 17 forks source link

Parent Dropdown is missing on Edit #50

Closed avianshk-logicmatter closed 2 years ago

avianshk-logicmatter commented 3 years ago

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 image

I tried the Debug and fond that the below image.png image

Surprisingly When i add new node then and click edit now the edit dropdown is showing fine My Package.json file image

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

debabratapatra commented 3 years ago

It seems to be working in the example. https://debabratapatra.github.io/pages/angular-tree-grid/demo/#/add_edit_delete Can you please reproduce the issue on Stackblitz?