根据用户喜好绘制用户界面

Question

我想要使用内置的偏好设置系统来开发我的xulrunner（Firefox）应用程序。但是我不知道如何根据用户的偏好轻松地驱动用户界面。

用户可以指定一系列主页，每个主页将显示在不同的标签页中。由于标签页位于呈现层，我想使用xul代码中的模板创建它们。这是否可行？

我没有看到使用xul模板实现此目的的方法。是否有其他模板系统可以根据用户偏好更改UI？

- ng.mangine

Answer 1

不，XUL中的模板化功能不够强大，因此您只能编写读取首选项并打开所需选项卡的JavaScript代码。

- Nickolay

Answer 2

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() );

- vava