Рисование пользовательского интерфейса на основе предпочтений
Я хочу использовать встроенную систему предпочтений для своего приложения xulrunner (Firefox). Но я не могу понять, как легко управлять пользовательским интерфейсом на основе предпочтений.
Пользователь может указать список домашних страниц, и каждая домашняя страница будет отображаться на отдельной вкладке. Поскольку вкладки находятся на уровне представления, я хотел бы создать их, используя шаблон в коде xul. Это возможно?
Я не видел способа сделать это с помощью шаблонов xul. Есть ли альтернативная система шаблонов, которая позволила бы мне изменить пользовательский интерфейс в зависимости от предпочтений пользователя?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Нет, создание шаблонов в XUL недостаточно мощно, поэтому вам приходится писать код JavaScript, который считывает настройки и открывает необходимые вкладки.
XML.prototype.function::domNode = function domNode() {
function addPrefix(prefix, name) {
if (typeof(prefix) == "undefined" || prefix == null || prefix == "") {
return name;
} else {
return prefix + ":" + name;
}
}
function recurse(xml) {
var domNode = document.createElementNS(xml.namespace().uri, addPrefix(xml.namespace().prefix, xml.localName()));
for each (let attr in xml.@*::*) {
let attrNode = document.createAttributeNS(attr.namespace().uri, addPrefix(attr.namespace().prefix, attr.localName()));
attrNode.nodeValue = attr;
domNode.setAttributeNode(attrNode);
}
if (xml.hasComplexContent()) {
for each (let node in xml.*) {
domNode.appendChild(recurse(node));
}
} else if (xml.hasSimpleContent()) {
domNode.appendChild(document.createTextNode(xml));
}
return domNode;
}
return recurse(this);
};
var name = "example"
var xml = {name};
document.querySelector("#example-statusbar-panel").appendChild(xml.domNode());
работает как шарм, хотя есть некоторые мелкие глюки с пространствами имен.
Вы всегда можете преобразовать dom обратно в XML с помощью
var str = serializer.serializeToString( xml.domNode() );