根据偏好绘制用户界面

Question

我想对我的xulrunner (Firefox)应用程序使用内置的首选项系统。但是我不知道如何根据喜好轻松地驱动用户界面。

用户可以指定主页列表，每个主页将显示在不同的选项卡中。因为选项卡位于表示层，所以我想使用xul代码中的模板来创建它们。这个是可能的吗？

我还没有看到使用xul模板实现这一点的方法。有没有其他模板系统可以让我根据用户的喜好来改变UI？

Answer 1

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

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