forked from x/volcanos
opt json
This commit is contained in:
shaoying
parent
d6c842461a
commit
278890517c
@ -1,12 +1,25 @@
|
|||||||
div.node {
|
fieldset.plugin.json div.output div.node div.node {
|
||||||
border:solid 1px #0000000d;
|
border:solid 1px #0000000d;
|
||||||
border-left:dashed 1px lightblue;
|
border-left:dashed 1px lightblue;
|
||||||
margin-left:5px;
|
margin-left:5px; padding-left:15px;
|
||||||
padding-left:15px;
|
font-size:14px; font-family:monospace;
|
||||||
font-size:14px;
|
|
||||||
font-family:monospace;
|
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
}
|
}
|
||||||
div.node:hover {
|
fieldset.plugin.json div.output div.node div.node:hover {
|
||||||
border:solid 1px red;
|
border:solid 1px red;
|
||||||
}
|
}
|
||||||
|
fieldset.plugin.json div.output div.node span.nonce {
|
||||||
|
font-size:12px; font-family:auto;
|
||||||
|
color:lightblue;
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
fieldset.plugin.json div.output div.node span.key {
|
||||||
|
color:yellow;
|
||||||
|
}
|
||||||
|
fieldset.plugin.json div.output div.node span.string {
|
||||||
|
color:magenta;
|
||||||
|
}
|
||||||
|
fieldset.plugin.json div.output div.node span.const {
|
||||||
|
color:blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,56 +1,58 @@
|
|||||||
Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, msg, list, cb) {
|
Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, msg, list, cb) {
|
||||||
|
can.onmotion.clear(can)
|
||||||
|
can.onimport.data(can, can.base.Obj(msg.Result(), "{}"), can._output)
|
||||||
can.base.isFunc(cb) && cb(msg)
|
can.base.isFunc(cb) && cb(msg)
|
||||||
function show(data, target) { var node
|
},
|
||||||
|
data: function(can, data, target) {
|
||||||
|
function show(data, target, index, total) { var list
|
||||||
switch (typeof data) {
|
switch (typeof data) {
|
||||||
case "object": break
|
case "object":
|
||||||
case "string": can.page.Append(can, target, [{text: '"'+data+'"'}]); return
|
function wrap(begin, end, add, cb) {
|
||||||
default: can.page.Append(can, target, [{text: ''+data+''}]); return
|
can.page.Append(can, target, [{text: begin}])
|
||||||
|
add && can.page.Append(can, target, [{text: ["...", "span", "nonce"], onclick: function(event) {
|
||||||
|
list && can.onmotion.toggle(can, list)
|
||||||
|
}}]), cb()
|
||||||
|
can.page.Append(can, target, [{text: end}])
|
||||||
|
}
|
||||||
|
function _node() {
|
||||||
|
list = list || can.page.Append(can, target, [{view: "list"}]).list
|
||||||
|
return can.page.Append(can, list, [{view: "node"}]).node
|
||||||
}
|
}
|
||||||
|
|
||||||
if (can.base.isArray(data)) {
|
if (can.base.isArray(data)) { // 数组
|
||||||
can.page.Append(can, target, [{text: "["}])
|
wrap("[", "]", data.length > 0, function() { can.core.List(data, function(value, index) { var node = _node()
|
||||||
can.core.List(data, function(value, index) {
|
show(value, node, index, data.length)
|
||||||
node = node || can.page.Append(can, target, [{view: "node"}]).node
|
}) }); break
|
||||||
|
|
||||||
sub = show(value, node);
|
|
||||||
(index < data.length-1) && can.page.Append(can, node, [{text: ","}])
|
|
||||||
can.page.Append(can, node, [{type: "br"}])
|
|
||||||
})
|
|
||||||
can.page.Append(can, target, [{text: "]"}])
|
|
||||||
return node
|
|
||||||
}
|
}
|
||||||
|
|
||||||
can.page.Append(can, target, [{text: "{"}])
|
// 对象
|
||||||
var total = can.core.Item(data).length, count = 0
|
var length = can.core.Item(data).length, count = 0
|
||||||
can.core.Item(data, function(key, value) { var sub
|
wrap("{", "}", length > 0, function() { can.core.Item(data, function(key, value) { var node = _node()
|
||||||
node = node || can.page.Append(can, target, [{view: "node"}]).node
|
can.page.Append(can, node, [{text: ['"'+key+'"', "span", "key"], onclick: function(event) {
|
||||||
|
|
||||||
can.page.Append(can, node, [{text: '"'+key+'": ', onclick: function(event) {
|
|
||||||
sub && can.onmotion.toggle(can, sub)
|
sub && can.onmotion.toggle(can, sub)
|
||||||
}}])
|
}}, {text: ': '}])
|
||||||
|
var sub = show(value, node, count++, length)
|
||||||
sub = show(value, node);
|
}) }); break
|
||||||
(++count < total) && can.page.Append(can, node, [{text: ","}])
|
case "string": /* 字串 */ can.page.Append(can, target, [{text: ['"'+data+'"', "span", "string"]}]); break
|
||||||
can.page.Append(can, node, [{type: "br"}])
|
default: /* 其它 */ can.page.Append(can, target, [{text: [''+data+'', "span", "const"]}])
|
||||||
})
|
|
||||||
can.page.Append(can, target, [{text: "}"}])
|
|
||||||
return node
|
|
||||||
}
|
}
|
||||||
show(JSON.parse(msg.Result()), can._output)
|
|
||||||
|
(index < total-1) && can.page.Append(can, target, [{text: ","}])
|
||||||
|
return list
|
||||||
|
}; show(data, can.page.Append(can, target, [{view: "node"}]).node, 0, 0)
|
||||||
},
|
},
|
||||||
}, ["/plugin/local/wiki/json.css"])
|
}, ["/plugin/local/wiki/json.css"])
|
||||||
Volcanos("onaction", {help: "组件菜单", list: ["全部展开", "全部折叠"],
|
Volcanos("onaction", {help: "组件菜单", list: ["全部展开", "全部折叠"],
|
||||||
"全部展开": function(event, can) {
|
"全部展开": function(event, can) {
|
||||||
can.page.Select(can, can._output, "div.node div.node", function(node) {
|
can.page.Select(can, can._output, "div.list div.list", function(list) {
|
||||||
can.page.Modify(can, node, {style: {display: "block"}})
|
can.page.Modify(can, list, {style: {display: "block"}})
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
"全部折叠": function(event, can) {
|
"全部折叠": function(event, can) {
|
||||||
can.page.Select(can, can._output, "div.node div.node", function(node) {
|
can.page.Select(can, can._output, "div.list div.list", function(list) {
|
||||||
can.page.Modify(can, node, {style: {display: "none"}})
|
can.page.Modify(can, list, {style: {display: "none"}})
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
Volcanos("onexport", {help: "导出数据", list: []})
|
Volcanos("onexport", {help: "导出数据", list: []})
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user