[SalesForce] How to create new record from jstree using json

I would like to create the record from the jstree using context menu.

Please help to resolve my issue:

My Code:

     contextmenu : {
                     "items" : function (node) {
                          return { 
                              "view" : {
                                  label: "View Record",
                                  action: function(obj) {
                                      window.open("/" + obj.attr("id"));
                                  }
                              },
                               "create" : {
                                  label: "Add New", 
                                    action: function() { 

                                      createNode(node);
                                  }

                              },
**<I have removed some code >**
       } 
    });


  function createNode(parent) {

var currentParentId = parent.attr("id");

          $j("#tree").jstree("create", $j("#"+currentParentId), "inside",  { "data" : "NewName","state" : "leaf","attr" : { "id" : true,"rel":"noChildren"}},null, true);            

      }

Node is created but in Salesforce no new record created so I would like to create new record and assign the id to newly created record.

FYI I have attached the image:

enter image description here

Best Answer

Take a look at Visualforce remoting, it'll be quite easy to write an Apex method that supports creation of a new object with the required parameters. You'll just need to add the remoting call inside your createNode method.

Docs: https://www.salesforce.com/us/developer/docs/pages/Content/pages_js_remoting.htm

Related Solutions

[SalesForce] How to Using JSON with visualforce

Your posted code is missing the idea that to have many books displayed your controller will have to provide an array of books.

If you have a Section__c custom object that is a child of your Book__c custom object then a controller something like this:

public with sharing class BooksController {
    public Book__c[] books {
        get {
            if (books == null) {
                books = [
                        select Id, BookNum__c, BookTitle__c, (select Name from Sections__r)
                        from Book__c
                        order by BookNum__c
                        limit 10000
                        ];
            }
            return books;
        }
        private set;
    }
}

and a page something like this:

<apex:pageBlock id="books">
    <apex:pageBlockTable value="{!books}" var="b">
        <apex:column value="{!b.BookNum__c}" />
        <apex:column headerValue="Book Title">
             <apex:inputField value="{!b.BookTitle__c}" />
        </apex:column>
        <apex:column headerValue="Sections">
            <apex:pageBlockTable value="{!b.Sections__r}" var="s">
                <apex:column value="{!s.Name}" />
            </apex:pageBlockTable>
        </apex:column>
    </apex:pageBlockTable>
</apex:pageBlock>

should give your roughly the output you want.

If instead of having a Section__c object you want to have say a Sections__c text field on Book__c that holds JSON, then you will have to do more work yourself. I would suggest adding jQuery to your page and when the page loads transforming the JSON into HTML inserted next to the other book information. But if you want editing too of the sections then you will have to add JavaScript code for new/update/delete of sections and that is more work still.

[SalesForce] How to create this JSON structure using inner classes

A quick hack of the http://json2apex.herokuapp.com/ output produces:

// You can call the outer and inner classes whatever you like: its the
// field names and types that matter
public class SalesPersons {

    public class SalesPerson {
        public String SubType;
        public String SalesPersonType;
        public String SalesPersonName;
        public String SalesPersonID;
    }

    public SalesPerson[] SalesPersons = new SalesPerson[] {};

    public static SalesPersons parse(String jsonString) {
        return (SalesPersons) JSON.parse(jsonString, SalesPersons.class);
    }

    public String serializePretty() {
        return JSON.serializePretty(this);
    }

    public void addSalesPerson(User u) {
        SalesPerson sp = new SalesPerson();
        sp.SalesPersonID = u.EmployeeNumber;
        sp.SalesPersonType = 'S';
        sp.SubType = 'P';
        sp.SalesPersonName = u.Name;
        SalesPersons.add(sp);
    }
}

Note that lists and arrays are interchangeable in this context.

To build the JSON:

SalesPersons sps = new SalesPersons();
for (User u : [select Name, EmployeeNumber from User limit 1000]) {
    sps.addSalesPersons(u);
}

String jsonString = sps.serializePretty();

Best Answer

Related Solutions

[SalesForce] How to Using JSON with visualforce

[SalesForce] How to create this JSON structure using inner classes

Related Topic