羊驼 javascript dom 更新答案

【问题标题】：alpaca javascript dom update羊驼 javascript dom 更新
【发布时间】：2014-06-10 16:52:35
【问题描述】：

我使用以下语法创建我的羊驼表格：

function createNewAlpacaForm(data, schema, formId, saveButtonId, clickEventFunc) {
    $(formId).empty();
    $(saveButtonId).off('click');
    alpacaForm = $(formId).alpaca({
        "data" : data,
        "schema" : schema,
        "view" : "VIEW_BOOTSTRAP_EDIT",
        "postRender" : function(renderedForm) {
            clickEventFunc(renderedForm);
        }
    });
}

这很好用，但我现在想动态更新数据。我有一个恢复默认按钮，它采用我的默认 JSON 数据并将其应用于表单。我现在通过使用默认 JSON 完全重新创建表单来解决这个问题，但这很笨拙，因为表单在重新创建时会闪烁。任何想法如何在不重新创建整个羊驼表单的情况下动态更新 JSON 数据？

【问题讨论】：

你为什么使用 $(saveButtonId).off('click');
我有一个带有 ID 的选择框，它在选择时会生成不同的羊驼毛形式。每个表单都使用相同的保存按钮（即按钮输入）。我将单击事件函数上的按钮输入传递给在 postRender 回调中使用的 createNewAlpacaForm。每次在此 createNewAlpacaForm 函数中再次设置之前，我都需要清除单击事件函数映射上的按钮。
与我的问题无关，但我还是回答了:)

标签： javascript jquery alpacajs

【解决方案1】：

您可以动态获取 Alpaca 表单和 setValue()，类似于使用 getValue() 检索表单值的方式。我认为这适用于您的情况：

$(formId).alpaca('get').setValue(data);

【讨论】：