Turns out is is as simple as calling:

       tree.jstree(&quot;refresh&quot;);



At version 3 you can reload the tree :  
 
    $(&#39;#treeId&#39;).jstree(true).settings.core.data = newData;
    $(&#39;#treeId&#39;).jstree(true).refresh();


    var tree = jQuery.jstree._reference(&quot;#files&quot;);
    tree.refresh();

or

    var tree = jQuery.jstree._reference(&quot;#files&quot;);
    var currentNode = tree._get_node(null, false);
    var parentNode = tree._get_parent(currentNode);
    tree.refresh(parentNode);

for jstree3 . I use destroy() function and again create tree running jstree() function

`$(&#39;#treeId&#39;).data(&#39;jstree&#39;, false).empty().jstree(json);`

I have a Google spreadsheet where I keep a list of bugs  and whenever I fix a bug I change the status from &quot;Not Started&quot; to &quot;Complete&quot;. I want to write a script for the Google Docs spreadsheet such that whenever I change the status to &quot;Complete&quot; the entire row gets highlighted in a certain color.

I already know that Google spreadsheet already has &quot;change color on text&quot; but that function only changes the color of the cell and does not change the color of the entire row.





Script to Change Row Color when a cell changes text

My question is shown in this code 

I have class like that 

    public class MainCS
    {
      public int A;
      public int B;
      public int C;
      public int D; 
    }
    
    public class Sub1
    {
      public int A;
      public int B;
      public int C;
    }
    
    
    public void MethodA(Sub1 model)
    {
      MainCS mdata = new MainCS() { A = model.A, B = model.B, C = model.C };   

      // is there a way to directly cast class Sub1 into MainCS like that    
      mdata = (MainCS) model;    
    }

Cast class into another class or convert class to another

I have loaded a jsTree with an AJAX call that returns JSON data. How can I refresh the tree so that it reloads its contents?

How can I refresh the contents of a jsTree?

<p>I have loaded a jsTree with an AJAX call that returns JSON data. How can I refresh the tree so that it reloads its contents?</p>


I have a table structure like this:

    &lt;table1&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td&gt;&lt;/td&gt;
            ...
          &lt;td&gt;
            &lt;table2&gt;
              &lt;tbody&gt;
                &lt;tr&gt;
                  &lt;td&gt;&lt;/td&gt;
                &lt;/tr&gt;
              &lt;/tbody&gt;
            &lt;/table&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
       &lt;/tbody&gt;
      &lt;/table&gt;

In javascript, I have a variable `tbl` with value of `$(table1)`, and then I want to get all direct child elements (tr) of `&lt;tbody&gt;` of `table1`.
My code is :

    $(&#39;tr&#39;, tb1)
Apparently it returns all `&lt;tr&gt;` elements in table1 and table2.
I think I can get by

    $(&#39;tr&#39;, tb1).not(function(){return $(this).parent().parent()[0] != tb1;})
or this kind of logic.

I know `$(&#39;table1 &gt; tbody &gt; tr&#39;)` can get the direct child `tr`. Unfortunately I can not use this.

Anyone has good idea about this?

Thanks.

How to get only direct child elements by jQuery function

I&#39;m using the JQuery Autocomplete in one of my forms.

The basic form selects products from my database. This works great, but I&#39;d like to further develop so that only products shipped from a certain zipcode are returned. I&#39;ve got the backend script figured out. I just need to work out the best way to pass the zipcode to this script.

This is how my form looks.

    &lt;form&gt;
    
    &lt;select id=&quot;zipcode&quot;&gt;
    
    &lt;option value=&quot;2000&quot;&gt;2000&lt;/option&gt;
    &lt;option value=&quot;3000&quot;&gt;3000&lt;/option&gt;
    &lt;option value=&quot;4000&quot;&gt;4000&lt;/option&gt;
    
    &lt;/select&gt;
    
    &lt;input type=&quot;text&quot; id=&quot;product&quot;/&gt;
    
    &lt;input type=&quot;submit&quot;/&gt;
    
    &lt;/form&gt;

And here is the JQuery code:


    $(&quot;#product&quot;).autocomplete
    ({
         source:&quot;product_auto_complete.php?postcode=&quot; + $(&#39;#zipcode&#39;).val() +&quot;&amp;&quot;,
         minLength: 2,
         select: function(event, ui){
            	
            		             //action
    	
                                     }
    });



This code works to an extent. But only returns the first zipcode value regardless of which value is actually selected. I guess what&#39;s happening is that the source URL is primed on page load rather than when the select menu is changed. Is there a way around this? Or is there a better way overall to achieve the result I&#39;m after?

How do I pass an extra parameter to Jquery Autocomplete field?

    $.validator.addMethod(&#39;AZ09_&#39;, function (value) { 
    	return /^[a-zA-Z0-9.-_]+$/.test(value); 
    }, &#39;Only letters, numbers, and _-. are allowed&#39;);


When I use somehting like `test-123` it still triggers as if the hyphen is invalid. I tried `\-` and `--`


Including a hyphen in a regex character bracket?

If I have an unknown amount of identifiers sharing a specific naming-scheme, is there a way to grab them all at once using jQuery?

    // These are the IDs I&#39;d like to select
    #instance1
    #instance2
    #instance3
    #instance4

    // What do I need to add or how do I need to modify this jQuery selector in order to select all the IDs above?
    (&quot;#instanceWILDCARD&quot;).click(function(){}

Is there a wildcard selector for identifiers (id)?

What are the differences between JavaScript&#39;s [`window.onload`][1] and jQuery&#39;s [`$(document).ready()`][2] method?

  [1]: https://developer.mozilla.org/en/docs/Web/API/GlobalEventHandlers/onload
  [2]: https://learn.jquery.com/using-jquery-core/document-ready/


window.onload vs $(document).ready()

I&#39;ve seen an example somewhere online showing how to customise the appearance of jstree&#39;s right-click context menu (using contextmenu plugin). 

For example, allow my users to delete &quot;documents&quot; but not &quot;folders&quot; (by hiding the &quot;delete&quot; option from the context menu for folders).

Now I can&#39;t find that example. Can anyone point me in the right direction? The official [documentation][1] didn&#39;t really help.


  [1]: http://www.jstree.com/documentation/contextmenu

**Edit:**

Since I want the default context menu with only one or two minor changes, I&#39;d prefer to not recreate the whole menu (though of course I will if it&#39;s the only way). What I&#39;d like to do is something like this:

    &quot;contextmenu&quot; : {
        items: {
            &quot;ccp&quot; : false,
            &quot;create&quot; : {
                // The item label
                &quot;label&quot; : &quot;Create&quot;,
                // The function to execute upon a click
                &quot;action&quot;: function (obj) { this.create(obj); },
                &quot;_disabled&quot;: function (obj) { 
                    alert(&quot;obj=&quot; + obj); 
                    return &quot;default&quot; != obj.attr(&#39;rel&#39;); 
                }
            }
        }
    }

but it doesn&#39;t work - the create item is just always disabled (the alert never appears).

Content Type	Original Author	Original Content on Stackoverflow
Question	John Mills	View Question on Stackoverflow
Solution 1 - Jquery	John Mills	View Answer on Stackoverflow
Solution 2 - Jquery	aecavac	View Answer on Stackoverflow
Solution 3 - Jquery	Aigiz	View Answer on Stackoverflow
Solution 4 - Jquery	bydan	View Answer on Stackoverflow
Solution 5 - Jquery	Kedron	View Answer on Stackoverflow

How can I refresh the contents of a jsTree?

Jquery Problem Overview

Jquery Solutions

Solution 1 - Jquery

Solution 2 - Jquery

Solution 3 - Jquery

Solution 4 - Jquery

Solution 5 - Jquery

Cast class into another class or convert class to another

Script to Change Row Color when a cell changes text

Attributions