?? JavaScript

? ?? ????, ?? ?????? ??? ?? ?????? ?? ??? ???? ???? ?? ?????. ? ????? ?? JavaScript? ???? Enterprise WeChat? ??? ?? ??? ?? ?? ????? ???? ??? ?????. Enterprise WeChat? ??? WeChat ??, ??? ??? ?? ? ?? ??? ??? ?? ??? ?????.

??? ?? ??

??? ?? ??? ???? ?? JS ????? ??? ????.

• ?? ?? : ?? ?? ?? ??? ???? ?????.
• ??? ?? ??? : ?? ?? (??, ?? ?)? ?? ?? ???? ?????.
• ??? ????? : ????? ?? ???? ??????? ??? ??? ??????.

?? ??? : JSTREE ????

?? ? jstree ?????? ?? ??? ?????. ?? JavaScript? ?????? ???? ??? ???? ????.

jstree ? ?? ?? :

• ??? ?? ?? : ?? ?? ? ?? ?? ??? ?????.
• ??? ??? ??? ?? : ??? ?? ???? ???? ?? ??? ?????? ??? ? ????.
• ??? ??? : ???? ?? ??? ???? ????? ???? ???????.

?? ??

jstree ?????? ?????? ???? ?? ??? ?? ???? ?????.

 // JSTREE? ??????
$ ( '#tree'). jstree ({
    '??': {
        '???': [
            {
                "???": "?? ??",
                "???": "Department-Icon",
                "????": [
                    {
                        "???": "? ?",
                        "ICON": "USER-ICON",
                        "li_attr": {
                            "Data-Image": "Path/to/zhangsan.jpg"
                        }
                    },
                    {
                        "???": "R & D ??",
                        "???": "Department-Icon",
                        "????": [
                            {
                                "???": "Li Si",
                                "ICON": "USER-ICON",
                                "li_attr": {
                                    "Data-Image": "Path/to/lisi.jpg"
                                }
                            }
                        ]]
                    }
                ]]
            }
        ]]
    },
    '????': [ "??", "??"] // ?? ? ?? ?? ???? ???});

// ?? ?? $ ( '#searchInput'). keyup (function () {
    searchterm = $ (this) .val ();
    $ ( '#tree'). jstree ( 'search', searchterm);
});

???? ??? ?? ??? ???? ??? ?? ??? ?? ??? ? ??? ?? ( data-image ??)? ?????. plugins ??? search (??) ? types (?? ??) ????? ???? ????? ?????. ?? ??? ??? "path/to/zhangsan.jpg" ? "path/to/lisi.jpg" ??????. jstree ??? ???? ??? ???? ??? ???????.

jstree ???? ??? ?????? WeChat ??? ?? ?? ??? ?? ???? ?? ??? ?? ?? ? ??? ?? ? ? ????. ?? ?? ?? ? ??? jstree ? ?? ??? ??????.

? ??? Enterprise WeChat Tree Organization ???? ??? ???? ?? ?? JS ????? ???? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!