Javascript JSON对象GUI

我想为我的用户提供一个编辑JSON对象的界面

例如，我有一个JavaScript，它使用以下选项调用Google图表：

var options={
    chartType: "Pie",
    title:"Chart title",
    is3D:false,
    width:500,
    height:300,
};

理想情况下，我的用户应该能够自己修改选项，而无需查看代码。它们将显示一个从对象自动构建的UI，其中：

• 图表类型是一种选择（饼图、线、条形图）
• 标题是一种文本输入
• is3D是一个复选框
• 等等

这里有图书馆吗？如果没有，有什么建议可以开始吗

---

我当然可以手动构建表单，但我的想法是拥有一个适用于任何对象的通用解决方案。

编写一个Web表单来检测服务的参数。 获得参数后，根据可用参数生成表单。

---

提交表单并获取JSON结果。

Na，您需要自己构建表单。HTML表单只是描述（请求的）属性需求的一种方式，它们的序列化只会返回所需的对象。在你的例子中是

<select name="chartType"><option value="Pie"/><option value="Line" />...</select>
<input type="text" name="title" />
<input type="checkbox" name="is3D" />
<input type="number" name="width" />

---

进入上述html并提供交叉浏览器序列化功能，但当它变得更复杂时（例如，预选“行”，有一个默认标题等），您将返回html（或它的js表示）。

我发现这个链接带有描述JSON的约定：

搜索“JSON模式”让我找到了许多解决方案，尤其是这篇文章：

它是两年前开始的，但显然有很好的文件记录并保持最新

此外，ibm网站上2012年4月的一篇帖子：

---

问题

如何提供一种用户友好的方法来构造任意JSON结构，其中：

• 用户界面直观、灵活，无需开发人员级技术熟练即可使用
• 用户界面可以从JSON的结构推断出来
• 对用户界面的修改几乎不需要开发人员干预
• 对底层JSON结构的修改可以自动触发对相应用户界面的修改

解决方案

如果这是问题的基本前提，那么使用“MVVM”术语（显然是“MVC”模因的变体）下的任何一种方法，这种方法似乎都是可能的

示例

另请参见

---

thx，你的物体描述正是我想要的。我希望能为这个找到一个库，或者至少了解一下常用的约定（例如，如何描述下拉按钮与单选按钮）。不，那是html。选择列表、下拉选择列表、单选按钮？你只是说你想在两个选项之间进行选择。这是有道理的，但我正在寻找一个更通用的解决方案。我的一些对象甚至没有链接到服务，它们只是被我的脚本直接使用。请查看Fiddler是如何拦截JSONSee的：

{
    chartType: ["Pie", "Line", "Bar"],
    title:"string",
    is3D:"boolean",
    width:"number"
}