Question

我有一个表单，下一个按钮。单击此下一个按钮，它应导航到其他表单。

我创建了两种表单，但我无法将它们链接起来。

$("#field1").alpaca({
    "schema": {
        "title": "Name Info",
        "type": "object",
        "properties": {
            "firstName": {
                "title": "First Name",
                "type": "string"
            },
            "lastName": {
                "title": "Last Name",
                "type": "string"
            }
        }
    },
    "options": {
        "form": {
            "buttons": {
                "next": {
                    "click": function() {}
                }
            }
        }
    }
});

Answer 1

您是否尝试过使用Wizards，我认为这可能会对您有所帮助。告诉我如果这不是你想要的，我会尽力帮助你。

Answer 2

@smileisbest和@ Shabbir-Dhangot，我在同一页面中实现了两个表单。使用JSON库序列化数据并发送到下一个表单：

"click" : function() {
var editJsonData = JSON.stringify(this.getValue(), null, "  ");
doNext(editJsonData);
}

然后将调用作为函数添加到下一个表单：

// If JSON data is not null, the next form will display.
var doNext = function(jsonData) {
    $("#NextForm").empty();
    if (null != jsonData) {
        // Validate user or data...
        // This starts the Editor form
        $("#NextForm").alpaca({
"data" : jsonData,
"schema" : {
"type" : "object",
"properties" : { ...

使用show / hide来隐藏先前的表单：

$("#field1").hide();
$("#NextForm").show();

使用Alpacajs从一种形式导航到另一种形式

2 个答案: