This thread has been locked.

If you have a related question, please click the "Ask a related question" button in the top right corner. The newly created question will be automatically linked to this question.

[参考译文] CCSTUDIO3:ERRATE 按钮点击样板代码- GCS GUI V3

Guru**** 2577385 points


请注意,本文内容源自机器翻译,可能存在语法或其它翻译错误,仅供参考。如需获取准确内容,请参阅链接中的英语原文或自行翻译。

https://e2e.ti.com/support/microcontrollers/c2000-microcontrollers-group/c2000/f/c2000-microcontrollers-forum/1337086/ccstudio3-errate-button-click-boilerplate-code---gcs-gui-v3

器件型号:CCSTUDIO3

不幸的是、GCS V3的文档并不全面。 特别是所列举的例子不能正常工作*

对于我来说、当我将其添加到项目中的 index.js 文件中时、以下内容起作用、其中包含一个名为 id "btn_start"的按钮

//file index.js
(async () => {
 GcWidget.querySelector('#btn_start').then(button => {
 button.label = 'Click Me!';
 button.addEventListener('click', () => alert('I am clicked'));
});
//...
})

*gc-widget-buttonAPI 链接
*入门- GUI Composer 库 V3

请更新规格、如果示例 过时或包含错误、进行简单的操作会很麻烦。

  • 请注意,本文内容源自机器翻译,可能存在语法或其它翻译错误,仅供参考。如需获取准确内容,请参阅链接中的英语原文或自行翻译。

    尊敬的 Marco:

    我可以 将其作为错误归档、SDTO 团队将会处理此问题。

    感谢您的反馈。

    此致!

    马瑞安

  • 请注意,本文内容源自机器翻译,可能存在语法或其它翻译错误,仅供参考。如需获取准确内容,请参阅链接中的英语原文或自行翻译。

    尊敬的 Marco:  

    按钮单击偶数处理程序的组件帮助中的文档可以正常工作。 缺少的是该代码所在的位置。  

    如果您复制并粘贴已记录的代码片段、并将其添加到 Init 函数中、那么这个代码片段应该可以正常工作。 创建新工程时、init 函数应处于默认 index.js 中。  

    您附加的代码片段会在加载 index.js 后立即执行... 而无需等待所有的图形标签/元素被实例化。 因此,当执行了 querySelector 时,它无法找到按钮元素,因为它还不存在。  

    在应用程序接收到指示正在实例化的 HTML 标记/葡萄元素的"DomContentLoaded"事件后调用 init 函数。 因此 document.querySelector 将能够找到按钮元素。  

    GcWidget.querySelector 是 querySelector 的 GUI Composer 特定版本,它还会等待相同的 DomContentLoaded 事件,因此它是一个更安全的替代方案,因为它 使开发人员代码的编写更加简单。  

    调整文档以尝试和利用 GCWidget 方法添加事件处理程序是很好的反馈。  

    马丁

  • 请注意,本文内容源自机器翻译,可能存在语法或其它翻译错误,仅供参考。如需获取准确内容,请参阅链接中的英语原文或自行翻译。

    感谢您的快速响应。 我的坏,由于某种原因,我忽视了在 index.js 模板的底部有 init()。