Item click event

[xieboss-123]

甘特图的事件触发好像有问题，官方文档给的案例比较少模块那里不理解

[neuronetio]

We're writing in English

[neuronetio]

But which event you need to trigger?

[xieboss-123]

Chart items 文档 Example 2: Item label as [lit-html] template with events 不明白意思。[GSTCID("1")]没有label属性，[GSTCID("1")]不在图表中显示，我写的是 ：label: "labelFunc",

[xieboss-123]

[xieboss-123]

[neuronetio]

It should be label: labelFunc - thanks for pointing out!

[neuronetio]

But use translator and write in english

[neuronetio]

I think you should use an slot -> slot example or item template to attach the click event to the item because the label is the same width as the text - it won't cover the entire item.

[xieboss-123]

Can you write a similar example

[xieboss-123]

I need to click on the item template to get the corresponding parameters for editing

[neuronetio]

function itemSlot(vido, props) {
  function onClick() {
   // props.item will contain your item data
    alert(props.item.id + ' clicked!');
  }

  vido.onChange((changedProps) => {
    // if current element is reused to display other item data just update your data so when you click you will display right alert
    props = changedProps;
  });
  
  const style = `width:100%;`;
  return (content) => vido.html`<div class="my-items-slot" style=${style} @click=${onClick}>${content}</div>`;
}

// Configuration object
const config = {
/* ... */
  slots: {
    'chart-timeline-items-row-item': { inner: [itemSlot] },
  },
/* ... */
};