如何使用velo在表单中插入元素

Question

我正在尝试在Wix上的表单中插入元素。当用户点击下拉菜单中的一个选项，询问“你想卖多少件商品？”时，会根据用户选择的数量出现多个小表单。这里有一个来自stereobuyers.com的例子：

​

​

​

​

​

​

这是我到目前为止所做的代码，组1是设备窗体，报价下拉列表是下拉列表。现在，它只是在两个输入域之间显示，这是我所期望的。

    $w("#group1").hide();

    $w("#quoteDropdown").onChange((event) => {
        let newValue = event.target.value;
        console.log(Number(newValue))
        let quantity = Number(newValue);

        // if the quantity is more than 1 show the equipment form
        if(quantity > 0) {
            $w("#group1").show()
        }
    })

Answer 1

看起来你想把设备表放在转发器里。然后，您可以通过调整中继器的大小，根据需要添加任意多个中继器。

可以通过设置中继器的data属性来调整中继器的大小。在这里，您实际上不会传递任何数据，但是您可以使用数据数组的大小来根据要销售的商品数量来添加或删除设备表单。

例如，如果要销售的商品数量为三个，您可以像这样设置中继器数据，您将拥有三个设备表单：

$w('#equipmentRepeater').data = [{_id: '0'},{_id: '1'},{_id: '2'}];

然后，当然，您必须从表单中获取信息，可能是放入一个集合中。您可以使用dataset或Data API来执行此操作。这会比平常稍微复杂一些，因为你在中继器中有一个表单。