You have been redirected from an outdated version of the article. Below is the content available on this topic. To view the old article click here.

New Node Picker

With the newnodepicker module the user has the ability to choose wich of the nodes that are loaded by the Node Expander Module he wants to add to the Graph-Browser.

Settings

fields description
onFinished(parentNode, parentTitle) Called when the nodes are loaded into the graph view
onChooseNodes(parentNode, parentTitle) Called when the node are loaded into the `newnodepicker-chooseNodes-items` container.

Example

var graphSettings = {
    graphContainer: 'graph-container',
    moduleSettings: {'newNodesPicker': {'onFinished': myOnFinishedFunction, 'onChooseNodes': myOnChooseNodesFunction}, }
};

var graphBrowser = new GraphBrowser(graphSettings);

Needed HTML fields

HTML IDs description
newnodepicker-chooseNodes-parentNodeTitle This is the title of the parentnode that is going to be expanded
newnodepicker-chooseNodes-items The nodes will be listed here for selection
newnodepicker-chooseNodes-submit When the element with this id is clicked, the nodes with the checked checkboxes will be loaded into the graphview
newnodepicker-chooseNodes-markAllSelected When the element with this id is clicked, the checkbox of every node will be checked
newnodepicker-chooseNodes-reverseSelection When the element with this id is clicked, all checkboxes will toggle their status

Created HTML fields

tag HTML IDs classes purpose
<h3> newnodepicker-chooseNodes-parentNodeTitle newnodepicker-chooseNodes-parentNodeTitle This is the title of the parent node of wich the neighboring nodes can be loaded
<div> newnodepicker-chooseNodes-itemType-{nodeType} newnodepicker-chooseNodes-itemType-{nodeType} newnodepicker-chooseNodes-itemType These containers will group the listed nodes by their node type
<h4> newnodepicker-chooseNodes-itemType-header newnodepicker-chooseNodes-itemType-header newnodepicker-chooseNodes-itemType-header-{nodeType} These items represent the header for each nodetype
<h4> --- checkbox newnodepicker-chooseNodes-item newnodepicker-chooseNodes-item-{nodeType} These are the checkboxes for the node selection. The name attribute of the checkboxes is selectedNodeItems[]

Search results for "New Node Picker"

We could not find anything matching "New Node Picker" in our documentation. Please rephrase your search.

You can also ask your questions in the Structr Google Group or create a free account in the Structr Support Portal.
Click here to send feedback to the Structr team.