使用javascript JSON對象動態創建表單

我有這個JSON對象，我試圖根據它的屬性創建一個html表單。我將如何定位多個級別來創建各個領域，然後再深入目標以獲取有關該領域的詳細信息。我也沒有設置這種格式。使用javascript JSON對象動態創建表單

{ 
    "Controls": [{ 
     "Button":{ 
      "Name":{ 
       "ID":"Name", 
       "FieldType":"Input" 
      }, 
      "x":{ 
       "ID":"X", 
       "FieldType":"Input" 
      }, 
      "y":{ 
       "ID":"Y", 
       "FieldType":"Input" 
      }, 
      "width":{ 
       "ID":"Width", 
       "FieldType":"Input" 
      }, 
      "height":{ 
       "ID":"Height", 
       "FieldType":"Input" 
      }, 
      "Action":{ 
       "ID":"Action", 
       "FieldType":"DropDown" 
      } 
     }, 

    }] 
}

在上面的例子中，除'Action'之外的所有字段都是輸入，'Action將是一個下拉列表。

來源

2013-01-07 Rob

但是Rob ...爲什麼'Button'的大部分字段都是子字段。不清楚如何將下拉列表與按鈕相關 – charlietfl

我認爲您應該減少這種冗餘？ ID字段與密鑰名稱相同，無論如何，您在訪問對象時都已知道該密鑰。 – Mutahhir

@charlietfl基本上Button的子項指定了「關於按鈕」可以修改的內容。例如，一個Button有一個Action。我想要一個下拉菜單讓用戶選擇分配給按鈕的操作。合理？ – Rob

您可能想要查看jquery.dform插件，它完全符合您的需求。

來源

2013-01-07 03:58:43 WeloSefer

看起來很有希望。我會看看！謝謝 – Rob

This Rocks！問題解決了.. – Rob

使用javascript JSON對象動態創建表單

回答

相關問題