akveo / akveo/ng2-smart-table

Ng2-smart-table selectText issue in editor-config for dropdown (Add,Edit)

Aperta
#1,279 1 commento 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
TypeScript
Stelle
1.6k
Fork
867
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

Hi...
I have tried using ng2 smart table to display the data but the issue is on dropdown to be displayed with placeholder (used default attribute "selectText" in editor -config) on clicking Add New and Edit Action.
Placeholder not working while clicking the Add New action and Edit action on select field.

///Typescript
this.settings = {
edit: {
editButtonContent: '',
confirmSave: true,
},
delete: {
deleteButtonContent: '',
confirmDelete: true,
},
actions: {
position: 'left',
}, attr: {
class: 'table'
},
add: {
confirmCreate: true,
addButtonContent: 'add new', this: this.checking()
},
columns: {
employeeFirstName: {
title: 'First Name*',

},
employeeLastName: {
title: 'Last Name',
},
employeeEmail: {
title: 'Email*',
editable: false
},
role: {
title: 'Role*',
type: 'html',
valuePrepareFunction: (cell, row, companyList) => {

// this.placeholder();
let bn = this.userRoleList.find(x => x.value === cell);
if (bn) {
return bn.title;
}
else {

return cell;
}
},
editor: {
type: 'list',
config: {

selectText: 'Select',
list: this.userRoleList

}
}
},
ageGroup: {
title: 'Age Group*',
type: 'html',
valuePrepareFunction: (cell, row, companyList) => {
let bn = this.ageGroupList.find(x => x.value === cell);
if (bn) {
return bn.title;
}
else {
return cell;
}
},

editor: {
type: 'list',

config: {
placeholder: 'hello',
selectText: 'Select ID',
list: this.ageGroupList
// list: this.industriesList
}
}
},
experience: {
title: 'Employer Experience*',
type: 'html',
valuePrepareFunction: (cell, row, companyList) => {
let bn = this.employerExpList.find(x => x.value === cell);
if (bn) {
return bn.title;
}
else {
return cell;
}
},
editor: {
type: 'list',
config: {
selectText: 'Select',
list: this.employerExpList

}
}

},
gender: {
title: 'Gender*',
type: 'html',
valuePrepareFunction: (cell, row, companyList) => {
let bn = this.genderList.find(x => x.value === cell);
if (bn) {
return bn.title;
}
else {
return cell;
}
},
editor: {
type: 'list',
config: {
selectText: 'Select',
list: this.genderList

}
}
}

},
};
![selectTextIssue](https://user-images.githubusercontent.com/48989363/124080945-8f443d00-da68-11eb-8141-3ca92232aea2.png)

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.