我知道如何在 Slate 中使用输入小部件,但我有一个用例,我需要从数组中创建多个输入。也许一个,也许更多,让我们说大约 10 或 15 个。是否可以通过使用 HTML 小部件来创建输入并捕获用户输入。
另一种说法应该是:我想要一个 1 到 15 行的表格,其中一列专用于输入区域。行数取决于源数据,所以我希望输入是动态创建的。铸造板岩有可能吗?
此致
我知道如何在 Slate 中使用输入小部件,但我有一个用例,我需要从数组中创建多个输入。也许一个,也许更多,让我们说大约 10 或 15 个。是否可以通过使用 HTML 小部件来创建输入并捕获用户输入。
另一种说法应该是:我想要一个 1 到 15 行的表格,其中一列专用于输入区域。行数取决于源数据,所以我希望输入是动态创建的。铸造板岩有可能吗?
此致
您不能在纯 HTML 小部件中执行此操作 - 依赖关系图无法从任意 HTML 输入元素中读取状态。
这里还有其他几个选项;在您的问题中,最直接地以您希望的方式工作的方法是使用 Code Sandbox 小部件,它可以有效地让您构建自己的小部件并将其连接到 Slate 依赖关系图,以便与其余部分进行交互应用程序。您可以使用第 3 方库(假设您拥有许可证)来执行更高级的操作(您可以在 Slate 参考示例中搜索您的 Foundry 实例以获取一些示例),或者像在正常的 Web 开发,因为您在 Sandbox 中工作时可以访问 DOM 和 JQuery。
稍微符合 Slate 可能期望您构建此功能的方式,您可以使用单个输入小部件,但根据其他状态切换您对关联输入的操作,例如用户选择的行。这与将输入存储到具有单击事件的变量中的按钮相结合,可用于让用户建立一个编辑“包”,然后您可以使用操作应用(或者您可以立即应用它们 - 所有取决于工作流程)。您可以在 Slate 参考示例的“事件”文件夹中找到该模式的一些示例。
更广泛地思考一下,如果您在本体中对数据进行建模,您可以在 Workshop 中设置可编辑的表格模式,并且一旦您拥有正确的 Action 和 Object Type 配置,就会获得非常简单的体验。您将在您的 Foundry 实例上找到有关此内容的文档,/workspace/documentation/product/workshop/object_table#inline-edits-or-cell-level-writeback并在Flight Alert Inbox示例应用程序中找到一个示例。