2016-03-03 182 views
1

我有一種形式,下一個按鈕。在點擊這個下一個按鈕時,它應該導航到其他表單。使用Alpacajs從一種形式導航到另一種形式

我已經創建了兩種形式,但我無法鏈接它們。

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

你能告訴我們你的源代碼嗎? 。 – Genzotto

+0

$( 「#字段1」),羊駝({ 「綱目」:{ 「稱號」: 「名稱信息」, 「類型」: 「對象」, 「屬性」:{ 「名字」:{ 「頭銜」: 「名」, 「類型」: 「串」 }, 「姓氏」:{ 「稱號」: 「姓」, 「類型」: 「串」 } } } , 「options」:{ 「form」:{ 「buttons」:{ 「next」:{ 「click」:function(){ } } } } } }); – smileisbest

+0

這是我的第一種形式,有兩個字段firstname和lastname。接下來有一個按鈕。點擊下一步,它應該導航到其他表單。我有一個查詢,如何從這個表單導航到其他表單。我必須在這個點擊函數內寫入,以便導航到其他表單 – smileisbest

回答

0

您是否嘗試過使用Wizards,我認爲這可能會對您有所幫助。告訴我如果這不是你要找的,我會盡力幫助你。

+0

感謝您的回覆。我不是在尋找巫師。我只是想要一種形式。如果我們點擊下一個按鈕,它應該導航到其他表單,而不是像嚮導這樣的不同步驟。但步驟一樣 – smileisbest

0

@smileisbest和@ Shabbir-Dhangot,我在同一頁面中實現了兩種形式。使用JSON庫序列化數據並傳送到下一個表格:

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

然後調用next形式添加爲一個功能:

// 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();