TreeExpanderButtoncan not implement in Palette?

GoJS
1

I have question again :
I have problem with “Tree Expander Button”, I want to implement Tree Expander Button into palette but i can’t implement “TreeExpanderButton” onto palette, what i can do to implement Tree Expander Button on palette?

i trying “TreeExpanderButton” in Diagram the result is success but different with palette

not success with Palette

//-- Variable pallete 1 linker
<span =“apple-tab-span”="" style=“white-space:pre”> myPalette =
<span =“apple-tab-span”="" style=“white-space:pre”> $(go.Palette, “myPalette”,
<span =“apple-tab-span”="" style=“white-space:pre”> {
<span =“apple-tab-span”="" style=“white-space:pre”> nodeTemplate: myDiagram.nodeTemplate //-- share tree model to myDiagram
<span =“apple-tab-span”="" style=“white-space:pre”> //model: new go.TreeModel(nodeDataArray2)
<span =“apple-tab-span”="" style=“white-space:pre”> });
<span =“apple-tab-span”="" style=“white-space:pre”>
<span =“apple-tab-span”="" style=“white-space:pre”> myPalette.linkTemplate = $(go.Link); // clear link
<span =“apple-tab-span”="" style=“white-space:pre”> //-- themes layout tree

<span =“apple-tab-span”="" style=“white-space:pre”> myPalette.nodeTemplate =
<span =“apple-tab-span”="" style=“white-space:pre”> $
<span =“apple-tab-span”="" style=“white-space:pre”> (
<span =“apple-tab-span”="" style=“white-space:pre”> go.Node,{selectionAdorned:false},
<span =“apple-tab-span”="" style=“white-space:pre”> $(“TreeExpanderButton”),
<span =“apple-tab-span”="" style=“white-space:pre”> $(go.Panel,“Horizontal”,
<span =“apple-tab-span”="" style=“white-space:pre”> { position: new go.Point(16,0)},
<span =“apple-tab-span”="" style=“white-space:pre”> new go.Binding(“background”,“isSelected”, function (s) {return (s ? “lightblue” : “white”);}).ofObject(""),
<span =“apple-tab-span”="" style=“white-space:pre”> $(go.Picture,
<span =“apple-tab-span”="" style=“white-space:pre”> {
<span =“apple-tab-span”="" style=“white-space:pre”> … bla…bla…

success with Diagram

//-- Variable pallete 1 linker
<span =“apple-tab-span”="" style=“white-space:pre”> myPalette =
<span =“apple-tab-span”="" style=“white-space:pre”> $(go.Diagram, “myPalette”,
<span =“apple-tab-span”="" style=“white-space:pre”> {
<span =“apple-tab-span”="" style=“white-space:pre”> nodeTemplate: myDiagram.nodeTemplate //-- share tree model to myDiagram
<span =“apple-tab-span”="" style=“white-space:pre”> //model: new go.TreeModel(nodeDataArray2)
<span =“apple-tab-span”="" style=“white-space:pre”> });
<span =“apple-tab-span”="" style=“white-space:pre”>
<span =“apple-tab-span”="" style=“white-space:pre”> myPalette.linkTemplate = $(go.Link); // clear link
<span =“apple-tab-span”="" style=“white-space:pre”> //-- themes layout tree

<span =“apple-tab-span”="" style=“white-space:pre”> myPalette.nodeTemplate =
<span =“apple-tab-span”="" style=“white-space:pre”> $
<span =“apple-tab-span”="" style=“white-space:pre”> (
<span =“apple-tab-span”="" style=“white-space:pre”> go.Node,{selectionAdorned:false},
<span =“apple-tab-span”="" style=“white-space:pre”> $(“TreeExpanderButton”),
<span =“apple-tab-span”="" style=“white-space:pre”> $(go.Panel,“Horizontal”,
<span =“apple-tab-span”="" style=“white-space:pre”> { position: new go.Point(16,0)},
<span =“apple-tab-span”="" style=“white-space:pre”> new go.Binding(“background”,“isSelected”, function (s) {return (s ? “lightblue” : “white”);}).ofObject(""),
<span =“apple-tab-span”="" style=“white-space:pre”> $(go.Picture,
<span =“apple-tab-span”="" style=“white-space:pre”> {
<span =“apple-tab-span”="" style=“white-space:pre”> …bla…blaa…<span =“apple-tab-span”="" style=“white-space:pre”>
<span =“apple-tab-span”="" style=“white-space:pre”>

<span =“apple-tab-span”="" style=“white-space:pre”>I need suggest please Smile

2

i’m solved my problem

with

myPalette.allowDrop = false;
myPalette.allowDragOut = true;


but i’m still using Diagram not using palette, Anyone can give me suggest if I use Palette??

3

The problem is that by default Palette.isReadOnly is true, which is what most applications would want. Of course a Diagram being read-only means that the user won’t be able to modify the parts, such as by expanding a subtree.

But you can get what you want by setting Palette.isReadOnly to false and also setting some of its other permission properties to false. Please read the Introduction page about Permissions.