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

【问题标题】：Navigation from one form to another using Alpacajs使用 Alpacajs 从一种形式导航到另一种形式
【发布时间】：2016-03-03 08:17:03
【问题描述】：

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

我创建了两个表单，但无法链接它们。

$("#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() {}
                }
            }
        }
    }
});

【问题讨论】：

你能告诉我们你的源代码吗？
$("#field1").alpaca({ "schema": { "title": "Name Info", "type": "object", "properties": { "firstName": {“标题”：“名字”，“类型”：“字符串”}，“姓氏”：{“标题”：“姓氏”，“类型”：“字符串”}}}，“选项”：{“形式”：{“按钮”：{“下一个”：{“点击”：函数（）{}}}}}}）；
这是我的第一个表单，包含两个字段名和姓。接下来有一个按钮。单击下一步，它应该导航到其他表单。我有一个关于如何从这个表单导航到另一个表单的查询。我必须在这个点击函数中写什么，以便它导航到另一个表单

标签： alpacajs

【解决方案1】：

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

【讨论】：

感谢您的回复。我不是在寻找向导。我只想要一种形式。如果我们单击下一步按钮，它应该导航到其他表单，但不是像向导那样在不同的步骤上。但步骤不变

【解决方案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" : { ...

适当地使用显示/隐藏来隐藏先前的表单：

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

【讨论】：