Question

我的产品目录是一个经典的树形层次结构，具有不同级别的子分组。在每个子分组级别，产品将共享类型：值的属性。在树的底层，将有产品继承上面层中的所有属性，以及它们自己的唯一属性。

我设想使用两个树视图，一个用于节点，一个用于属性;将属性类型：值对拖动到产品类别的不同级别。

然后我将使用此对象树来搜索具有某些属性对的产品......并相应地显示;因为他们会继承所有属性吗？

我可以通过实例化每个级别的子类来轻松地在Javascript中表示这个吗？

类似的模型可以用于分层属性（类型：值）吗？例如制造商 - ＆gt;范围 - ＆gt;系列

Node = function (txt) { this.level = txt; this.child = []; }

var node = new Array();

node[0] = new Node ("root");
// Add first level
node[1] = new Node ("Paper");
node[0].child.push(node[0]);
// Add second level
node[2] = new Node ("Cut Paper");
node[1].child.push(node[2]);
// Add third level
node[3] = new Node ("A4 Paper");
node[2].child.push(node[3]);
// Add fourth level
node[4] = new Node ("ABC12345");
node[3].child.push(node[4]);

node[3]["Length"]="297mm";
node[3]["Width"]="210mm";
node[4]["Weight"]="80gsm";

Answer 1

我最近制定了一些创建树结构的想法。可能对您有用，请参阅this jsfiddle

Answer 2

也许是这样的？

    function Node ( text ) {
        this.level = text;
        this.child = {};
        this.parent = false;
    }
    Node.prototype = {
        addChild : function  ( text ) {
            this.child[text] = new Node ( text );
            this.child[text].parent = this;
            return this;
        }
    }
    var root = new Node ("root")
            .addChild("Paper"),
        paper = root.child["Paper"]
            .addChild("Cut Paper"),
        cut_paper = paper.child["Cut Paper"]
            .addChild("A4 Paper"),
        a4_paper = cut_paper.child["A4 Paper"]
            .addChild("ABC12345");
        abc12345 = a4_paper.child["ABC12345"];
        a4_paper.Length = "297mm";
        a4_paper.Width = "210mm";
        abc12345.Weight = "80gsm";
        console.log( root, paper, cut_paper, a4_paper, abc12345);

如何在具有多个继承属性的Javascript中表示分层产品目录[taxonomy]？

2 个答案: