Change jstree node color programmitically

[vishal yagnik]

My jstree bind with following json format comes from web service..i want to change node color programmatically.

is there any property for this.?

   $("#divCourseTree").jstree({
                 'core': {
                     'data': {
                         'type': "POST",
                         "async": "true",
                         'contentType': "application/json; charset=utf-8",
                         'url': "../WebService/BranchLocation.asmx/BindCourseTreeData",
                         'data': "{}",
                         'dataType': 'JSON',
                         'data': function (node) {


                         }
                     }
                 }
             });


json output :

{ "id": "ajson1", "parent": "#", "text": "Simple root node"},
  { "id": "ajson2", "parent": "#", "text": "Root node 2" },
  { "id": "ajson3", "parent": "ajson2", "text": "Child 1" },
  { "id": "ajson4", "parent": "ajson2", "text": "Child 2" },

[Ivan Bozhanov]

Use a class in "li_attr" and apply any styles you wish by using that class.

Best regards,
Ivan

[vishal yagnik]

    $("#divCourseTree").jstree({
                     'core': {
                         'data': {
                             'type': "POST",
                             "async": "true",
                             'contentType': "application/json; charset=utf-8",
                             'url': "../WebService/BranchLocation.asmx/BindCourseTreeData",
                             'data': "{}",
                             'dataType': 'JSON',
                             'data': function (node) {
                                

                              },
                             'success': function (retvel) {
                                 var r = [];
                                 var data = eval("(" + retvel.d + ")");
                                 for (var key in data) {
                                     if (data.hasOwnProperty(key)) {
                                       
                                         var y = data[key].id;
                                         r.push(y);
                                         $("#" + y + " a").addClass('.Selected');
                                       
                                     }
                                 }
                               
                             }

                         }
                       }
                     });

its not working.. please help

[Ivan Bozhanov]

Sorry, I have no idea what you are doing ... read my previous post ... I told you to use the li_attr property of your JSON node, I have no idea what you are trying to achieve with addClass ...

[Ivan Bozhanov]

It has to be set in your data, not in a success callback ... in your data include something like:
{ "id" : "node1", "text" : "Some example node", "li_attr" : { "class" : "red" }, ...

Then in your CSS:
.red { background:red !important; }

Best regards,
Ivan

27 май 2014, вторник, 13:18:44 UTC+3, vishal yagnik написа:

[ashish maheshwari]

this li_attr class setting gets reverted  on clicking another row in  the jstree. any fix for this 

i am updating json object and recreating jstree on page but still no use