JSON对象GUI

Chr*_*phe 5 javascript user-interface json

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

例如,我有一个使用以下选项调用Google图表的JavaScript:

var options={
    chartType: "Pie",
    title:"Chart title",
    is3D:false,
    width:500,
    height:300,
};
Run Code Online (Sandbox Code Playgroud)

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

  • chartType是一个选择(饼图,线条,条形图)
  • title是文本输入
  • is3D是一个复选框
  • 等等

这有图书馆吗?如果没有,任何建议开始?

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

Chr*_*phe 5

我发现这个链接包含描述 JSON 的约定: http: //www.json-schema.org/

搜索“JSON schema”让我找到了许多解决方案,特别是这篇文章:

基于 GUI 或基于 Web 的 JSON 编辑器,其工作方式类似于属性资源管理器

它是两年前开始的,但显然有详细的记录并保持最新。

另外,IBM 网站上 2012 年 4 月的一篇文章:

http://www.ibm.com/developerworks/library/wa-jsonschema/index.html?cmp=dw&cpb=dwwdv&ct=dwnew&cr=dwnen&ccy=zz&csr=040512