表未隨附Go.js復選框

Question

您好，我開發了一個代碼，其中MynodeTemplate看起來像

GO(go.Node, "Auto",
        GO(go.Shape,
                  new go.Binding("fill", "boxcolor")),
                  GO(go.Panel, "Table",
                    { defaultAlignment: go.Spot.Left, margin: 4 },
                    GO(go.RowColumnDefinition, { column: 1, width: 4 }),
                    GO(go.TextBlock,
                      { row: 0, column: 0, columnSpan: 3, alignment: go.Spot.Center },
                      { font: "bold 12pt sans-serif" },
                      new go.Binding("text", "name")),
                      //Checkbox code 
                      GO(go.TextBlock, "Meta Item : ",
                        { row: 1, column: 0 }),
                    GO(go.TextBlock,
                      { row: 1, column: 2 },
                        new go.Binding("text", "MetaItemName")),
                    GO(go.TextBlock, "Perspective: ",
                                 { row: 2, column: 0 }),
                    GO(go.TextBlock,
                      { row: 2, column: 2 },
                    new go.Binding("text", "PerspectiveName")),

                  ),
                  new go.Binding("scale", "scale").makeTwoWay(),
                  new go.Binding("font", "font").makeTwoWay(),
                  new go.Binding("location", "loc", go.Point.parse).makeTwoWay(go.Point.stringify),
                  new go.Binding("locationSpot", "dir", function(d) { return spotConverter(d, false); })
                );

和UI看起來像

我想在我的名字旁邊放一個復選框，所以我有類似的代碼

GO("CheckBox","name",{row:1,column:1}),

但它沒有來

Answer 1

它對我來說很好用，只不過您將第1列的RowColumnDefinition.width設置為4，對於復選框而言，它確實太窄了。 將4的寬度更改為14寬會導致：

請注意，如果用戶選中“ CheckBox”，它將修改data.name屬性，因為這是您在“ CheckBox”的定義中提供的屬性名稱。 但是，您還將第一個TextBlock綁定到data.name屬性，這就是為什么在第二個節點中標題/標題文本已更改為“ true”的原因。

順便說一下，直到現在我才看到關於GoJS的問題，因為您是用“ go.js”而不是“ gojs”標記的。 我建議您刪除/刪除“ go.js”標記，並用“ gojs”標記。