在Azle中动态填充下拉列表

Question

我有一个下拉列表，如下所示：

az.add_dropdown('my_sections', 2, {
        "this_class": "filter_drop",
        "title" : "categories..."
    })
az.style_dropdown('filter_drop', 1, {
        "margin-left": "10px",
        "width": "180px",
        "height": "32px"
    })

但是，我想在使用应用程序时填充下拉列表。所以它从没有选项开始，但动态填充。我怎么能这样做？

Answer 1

由于Azle动态地将所有内容加载到DOM中，只需删除并重新创建具有更新选项的元素。

因此，只要您的应用程序的用户执行添加新类别的操作，只需调用如下函数：

function populate_filter() {

    az.remove_element('filter_drop', 1)

    az.add_dropdown('target_instance', 1, {
        "this_class": "filter_drop",
        "options": hold_cats['category'] //an array that gets updated with new categories
        })

    az.style_dropdown('filter_drop', 1, {
        "margin-left": "10px",
        "width": "180px",
        "height": "32px"
        })

}

这将删除并重新添加具有更新选项的元素。当然，用户没有注意到这一点。新选项只会出现在下拉列表中。