我正在使用 json2html.js 将 json 数据解析为 html,我在尝试访问孩子的数组父属性时遇到了问题,我知道这可能是不可能的,但也许你可以告诉我如何去做,下面的示例是 JSON 字符串和 json2html 转换...
{“日期”:“2013-11-18”,“cityid”:“2”,“时间范围”:“2”,“时间段”:[{“时间”:“07:00:00”,“可用” :1},{“时间”:“17:00:00”,“可用”:0}]}
我们使用 2 个不同的转换字符串 1 渲染顶部(日期、城市 ID、时间帧)和另一个渲染内部(时间槽)问题是我们需要从顶部访问数据,例如时间帧属性或对象数组索引下面的时隙数组转换是我们用来渲染的两个转换:
var stimes = {
"tag": "li",
"children": [{
"tag": "input",
"type": "radio",
"id": function (obj, index) {
return (index);
},
"value": "${time}",
"name": "btn",
"html": ""
}, {
"tag": "label",
"for": "0_1",
"html": function (obj) {
return (fixFrame(obj.time, 2));
}
}]
};
var daysheader = {
"tag": "div",
"id": function (obj, index) {
return ("day_" + index)
},
"class": "daycol",
"children": [{
"tag": "ul",
"children": [{
"tag": "li",
"children": [{
"tag": "h3",
"html": function (obj) {
return (formatDay(obj.date, "dddd"))
}
}, {
"tag": "p",
"class": "dat",
"html": function (obj) {
return (formatDay(obj.date, "mmm dS"))
}
}]
}, {
tag: "p",
children: function (obj) {
return (json2html.transform(obj.timeslots, stimes));
}
}]
}]
};
我们还需要父数组索引来为每个无线电输入生成不同的 id,这里是测试的链接... http://jsfiddle.net/viktorq/wRT74/