5

私は年齢を求めてinterentを探していましたが、答えを見つけることができませんでした。特定のノードのタイプに応じて、ノードのテキストの色を変更しようとしました。したがって、この例では、データで定義された「役割」タイプであるすべてのノードのテキストの色を変更したいと思いました。

    $("#roleTree").jstree({
        json_data: {
            data: roleTreeData
        },
        "themes": {
            "theme": "default",
            "dots": true,
            "icons": false
        },
        "ui": {
            "select_limit": 1,
            "select_multiple_modifier": "none"
        },
        "types": {
            "types": {
                "AM": {
                    "hover_node": false,
                    "select_node": false
                },
                "AF": {
                    "hover_node": false,
                    "select_node": false
                },
                "Role": {
// i dont know if possible to be done here? add class?
             //   this.css("color", "red")
                    //{ font-weight:bold}
                }
            }
        },

        plugins: ["themes", "json_data", "ui", "Select", "types", "crrm"]

    }).bind("loaded.jstree", function (event, data)
    {
        $("#roleTree").jstree("open_all");
         data.inst.select_node('ul > li:first');

    }).bind("select_node.jstree", function (event, data)
    {
        selectedRoleId = data.rslt.obj.attr("id");
        window.selectedRole = GetRole(selectedRoleId);              
    });
}

または、役割のみが選択可能であることをユーザーに強調表示または通知するその他の方法。

4

1 に答える 1

8

これは、デフォルトのクラシックテーマを使用していると仮定して、次のCSSを使用して実行できます。

.jstree-classic li[rel="Role"] > a { color:red; }

子がの属性を持つjstree-classicクラスを取得し、その最初の子を取得して、赤に色を割り当てます。 lirelRoleali

于 2012-08-08T17:29:06.143 に答える