javascript - Problem with "initially_open" option with JStree -


i'm working on first app using jstree , have doing need navigation tree. have javascript code working dynamically builds html list structure page using knockoutjs (somewhat of overkill here, use knockout elsewhere on page). after attach jstree html, dom looks likes -

<div id="menutreelist" data-bind="template: "treemenutemplate"" class="navtree                jstree jstree-0 jstree-focused jstree-default">     <ul class="jstree-no-dots jstree-no-icons">     <li id="menu_1" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><span>          <a href="#" class=""><ins class="jstree-icon">&nbsp;</ins>cares home</a></span>     </li>     <li id="menu_2" class="jstree-closed"><ins class="jstree-icon">&nbsp;</ins><a href="#">         <ins class="jstree-icon">&nbsp;</ins>case management</a>         <ul>             <li id="menu_3" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><span class="navtree-spandefault">                 <a href="#"><ins class="jstree-icon">&nbsp;</ins>search</a></span> </li>             <li id="menu_4" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><span class="navtree-spandefault">                 <a href="#"><ins class="jstree-icon">&nbsp;</ins>participant summary</a></span>             </li>             <li id="menu_5" class="jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><span class="navtree-spandefault">                 <a href="#"><ins class="jstree-icon">&nbsp;</ins>transfer wp office</a></span>             </li>             <li id="menu_6" class="jstree-last jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><span                 class="navtree-selected">update individual address</span> </li>         </ul>     </li>     <li id="menu_7" class="jstree-last jstree-leaf"><ins class="jstree-icon">&nbsp;</ins><a         href="#"><ins class="jstree-icon">&nbsp;</ins>tools</a></li> </ul>    </div>

my javascript invokes jstree 

  $(document).ready(function () {         $("#menutreelist").jstree({               "themes": {                     "theme": "default",                     "dots": false,                     "icons": false                     },                 "plugins": ["themes", "html_data"],                 "core": {                      "animation": 0,                     "open_parents": true,                     "initially_open": ["menu_5"]                 }             });           })

the resulting menu looks enter image description here

my problem want menu have nodes closed, open node represents current page "selected" , it's parent nodes opened. when try setting jstree "initially_open" "menu_5" or "menu_6", menu displays closed.

long term, going complicated & multi-level structure. users looking type of functionality. suggestions?

use initially_select (instead of initially_open) option (ui section): set unique id leaf-node (like 'init_sel') , set option in ui section of jstree constructor:

"ui" :{ "initially_select" : ["#init_sel"] }

don't forget add "ui" in plugin list.

if use json_structure data, set "state" object on parent node(s) "open" when generate json structure.


Comments

Post a Comment

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

i trying find efficient way previous revision of file text comparison using sharpsvn. using (svnclient c = new svnclient()) { c.authentication.defaultcredentials = new networkcredential( configurationmanager.appsettings.get("svnserviceusername") , configurationmanager.appsettings.get("svnservicepassword") , configurationmanager.appsettings.get("svnservicedomain") ); c.authentication.sslservertrusthandlers += new eventhandler<svnsslservertrusteventargs>(authentication_sslservertrusthandlers); collection<svnfileversioneventargs> fileversioncollection = new collection<svnfileversioneventargs>(); svnrevisionrange range = new svnrevisionrange(0, this.hooks.revision); svnfileversionsargs args = new svnfileversionsargs(); args.retrieveproperties = true; args.range = range; foreach (svnchangeitem item in log.changedpaths) { string path = this.repositorypath + it...
Read more

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

url - Querystring manipulation of email Address in PHP -

i using third party application (email2http) send me emailid, body , message. unable retrieve email id due name appended on , enclosed < , >. here querystring getting. test.php?from=ajay+reddy &subject=cx&body=somebody when print variable in php returns name , not email id. $from = $_get['from']; echo $from; //output ajay reddy please suggest me how can emailid also. i dont want use post method due testing , debugging. it's working fine. forgot use htmlentities() in debugging.
Read more