Как добавить номер в порт в GoJS?

Привет, мне нужно добавить номер к каждому из портов, как показано на рисунке ниже. Пс. Как бы я ни искал решение проблемы на этом сайте https://gojs.net/latest/intro/ports.html, и я проверяю решение с помощью portId и TextBlock, но оно не работает :/

Как добавить номер в порт в GoJS?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
44
2

Ответы 2

Вы используете Shape для порта, но любой объект GoJS может быть портом, и вы действительно хотите использовать Panel (Auto Panel) с Shape и TextBlock в качестве порта.

Я предлагаю вам прочитать: https://gojs.net/latest/intro/buildingObjects.html

Привет, спасибо за ваш ответ :) хм, я пытаюсь использовать панель, но не вижу изменений: / Что я делаю неправильно?

this.$(go.Panel, 'Horizontal',
  new go.Binding('itemArray', 'bottomArray'),
  {
    row: 2, column: 1,
    itemTemplate:
      this.$(go.Panel, 'Vertical',
        {
          _side: 'bottom',
          fromSpot: go.Spot.Bottom, toSpot: go.Spot.Bottom, fromMaxLinks: 1,
          fromLinkable: true, toLinkable: false, cursor: 'pointer'
        },
        new go.Binding('portId', 'portId'),

        this.$(go.Shape, 'RoundedRectangle',
          {
            stroke: null, strokeWidth: 0,
            desiredSize: portSize,
            margin: new go.Margin(2, 1, 0, 1)
          },
          new go.Binding('fill', 'portColor')),
        this.$(go.TextBlock,
          new go.Binding('text', 'name'))
      )
  }
),

Другие вопросы по теме