akveo / akveo/ng2-smart-table

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

Ouverte
#1,279 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub
Langage dominant
TypeScript
Étoiles
1.6k
Forks
867
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

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)

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Évaluation

Cette issue n'a pas encore été évaluée.

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.