Hello! I try to use the locale plugin to change the language dynamically. I have got a subview:
export default class HeaderView extends JetView {
config() {
return {
view: "toolbar",
id: "myToolbar",
css: "webix_dark",
cols: [
{ view: "button", id: "LoadBut", value: "Load", width: 100, align: "left"},
{ view: "button", value: "Save", width: 100, align: "center" },
{ view: "button", value: "Info", width: 100, align: "right" },
{
name: "lang", view: "segmented", optionWidth: 40, labelAlign: "right", label: "Language", options: [
{ id: "en", value: "En" },
{ id: "ru", value: "Ру" }
], click: () => this.toggleLanguage()
},
]
}
};
toggleLanguage() {
const langs = this.app.getService("locale");
const value = this.getRoot().queryView({ name: "lang" }).getValue();
if (langs.getLang() != value) {
langs.setLang(value);
}
}
}
It changes the language, but what happens is I always get this kind of errors: “Non unique view id” for several elements (not only on this subview).
What am I doing wrong?