Javascript SAPUI5为树表/空行创建JSON
我想从一个JSON请求创建一个SAPUI树表,目前我的输出如下所示,每个节点都包含一个空行->我不知道这是从哪里来的,我不想有这些空行: 我的表格定义:Javascript SAPUI5为树表/空行创建JSON,javascript,json,data-binding,sapui5,treetable,Javascript,Json,Data Binding,Sapui5,Treetable,我想从一个JSON请求创建一个SAPUI树表,目前我的输出如下所示,每个节点都包含一个空行->我不知道这是从哪里来的,我不想有这些空行: 我的表格定义: //Create an instance of the table control var oTreeTable = new sap.ui.table.TreeTable({ columns: [ new sap.ui.table.Column({ label : new sap.ui.c
//Create an instance of the table control
var oTreeTable = new sap.ui.table.TreeTable({
columns: [
new sap.ui.table.Column({
label : new sap.ui.commons.Label({
text : "",
}),
template :
new sap.ui.commons.TextView({
text : "{Title}",
textAlign : sap.ui.core.TextAlign.Begin,
}),
}),
//new sap.ui.table.Column({label: "Mon01", template: "Mon01"}),
//new sap.ui.table.Column({label: "Mon02", template: "Mon02"}),
//new sap.ui.table.Column({label: "Mon03", template: "Mon03"}),
//new sap.ui.table.Column({label: "Mon04", template: "Mon04"}),
],
selectionMode: sap.ui.table.SelectionMode.None,
enableColumnReordering: false,
expandFirstLevel: false,
toggleOpenState: function(oEvent) {
}
});
My getJSON并将平面结构转换为父/子结构
在试图删除要点的过程中,我发现它们包含在HTML中,但我不知道为什么。如果我通过开发工具删除这个,那么要点就不存在了
它来自CSS图标类
.SapuitableTreeconleaf{
背景图片:urlico12_leaf.gif;
}
通过
.SapuitableTreeconleaf{
背景图像:无!重要;
}只要去掉_元数据,将其设置为平面[key]。_元数据=,我想树表渲染器必须将其作为另一个子级
// flatten to object with string keys that can be easily referenced later
var flat = {};
for (var i = 0; i < data.d.results.length; i++) {
var key = 'id' + data.d.results[i].ID;
flat[key] = data.d.results[i];
flat[key].__metadata = "";
}
更新的代码段:
sap.ui.jsviewtest.view{
getControllerName:函数{
返回测试控制器;
},
createContent:functionoController{
var oTreeTable=new sap.ui.table.TreeTable{
栏目:[
新的sap.ui.table.Column{
标签:标题,
模板:标题
},
新的sap.ui.table.Column{
标签:Mon01,
模板:Mon01
},
新的sap.ui.table.Column{
标签:Mon02,
模板:星期一02
},
新的sap.ui.table.Column{
标签:Mon03,
模板:星期一03
},
新的sap.ui.table.Column{
标签:Mon04,
模板:星期一
},
],
selectionMode:sap.ui.table.selectionMode.None,
enableColumnReordering:false,
第一级:false,
toggleOpenState:functionoEvent{
}
};
风险值数据={
d:{
结果:[{
__元数据:{
身份证件:http://url/EntitySet'00000001',
uri:http://url/EntitySet'00000001',
类型:NAMESPACE\u SRV.Entity
},
星期一:,
星期一:,
2014年9月9日(星期一),
周一:2014年8月8日,
标题:家长1,
ID:00000001,
父ID:,
孩子:,
}, {
__元数据:{
身份证件:http://url/EntitySet'00000002',
uri:http://url/EntitySet'00000002',
类型:NAMESPACE\u SRV.Entity
},
星期一:,
星期一:,
星期一02:1560,
星期一:1550,
标题:家长2,
ID:00000002,
父ID:,
孩子:,
}, {
__元数据:{
身份证件:http://url/EntitySet'00000003',
uri:http://url/EntitySet'00000003',
类型:NAMESPACE\u SRV.Entity
},
星期一:,
星期一:,
星期一:1860,
星期一:1750,
标题:儿童1,
ID:00000003,
父ID:00000002,
ChildId:00000001,
}, {
__元数据:{
身份证件:http://url/EntitySet'00000004',
uri:http://url/EntitySet'00000004',
类型:NAMESPACE\u SRV.Entity
},
星期一:,
星期一:,
星期一:1860,
星期一:1750,
标题:儿童1_1,
ID:00000004,
父ID:00000003,
ChildId:00000001,
}, {
__元数据:{
身份证件:http://url/EntitySet'00000005',
uri:http://url/EntitySet'00000005',
类型:NAMESPACE\u SRV.Entity
},
星期一:,
星期一:,
星期一02:2060,
星期一:1950,
标题:儿童2,
ID:00000005
,
父ID:00000002,
ChildId:00000001,
}, {
__元数据:{
身份证件:http://url/EntitySet'00000006',
uri:http://url/EntitySet'00000006',
类型:NAMESPACE\u SRV.Entity
},
星期一:,
星期一:,
星期一02:2060,
星期一:1950,
标题:儿童3,
ID:00000006,
父ID:00000002,
ChildId:00000001,
}]
}
};
var flat={};
对于var i=0;i{
"d" : {
"results" : [
{
"__metadata" : {
"id" : "http://url/EntitySet('00000001')",
"uri" : "http://url/EntitySet('00000001')",
"type" : " NAMESPACE_SRV.Entity"
},
"Mon04" : "",
"Mon03" : "",
"Mon02" : "09/2014",
"Mon01" : "08/2014",
"Title" : "Parent 1",
"ID" : "00000001",
"ParentId" : "",
"ChildId" : "",
},
{
"__metadata" : {
"id" : "http://url/EntitySet('00000002')",
"uri" : "http://url/EntitySet('00000002')",
"type" : "NAMESPACE_SRV.Entity"
},
"Mon04" : "",
"Mon03" : "",
"Mon02" : "1560",
"Mon01" : "1550",
"Title" : "Parent 2",
"ID" : "00000002",
"ParentId" : "",
"ChildId" : "",
},
{
"__metadata" : {
"id" : "http://url/EntitySet('00000003')",
"uri" : "http://url/EntitySet('00000003')",
"type" : "NAMESPACE_SRV.Entity"
},
"Mon04" : "",
"Mon03" : "",
"Mon02" : "1860",
"Mon01" : "1750",
"Title" : "Child 1",
"ID" : "00000003",
"ParentId" : "00000002",
"ChildId" : "00000001",
},
{
"__metadata" : {
"id" : "http://url/EntitySet('00000004')",
"uri" : "http://url/EntitySet('00000004')",
"type" : "NAMESPACE_SRV.Entity"
},
"Mon04" : "",
"Mon03" : "",
"Mon02" : "1860",
"Mon01" : "1750",
"Title" : "Child 1_1",
"ID" : "00000004",
"ParentId" : "00000003",
"ChildId" : "00000001",
},
{
"__metadata" : {
"id" : "http://url/EntitySet('00000005')",
"uri" : "http://url/EntitySet('00000005')",
"type" : "NAMESPACE_SRV.Entity"
},
"Mon04" : "",
"Mon03" : "",
"Mon02" : "2060",
"Mon01" : "1950",
"Title" : "Child 2",
"ID" : "00000005",
"ParentId" : "00000002",
"ChildId" : "00000001",
},
{
"__metadata" : {
"id" : "http://url/EntitySet('00000006')",
"uri" : "http://url/EntitySet('00000006')",
"type" : "NAMESPACE_SRV.Entity"
},
"Mon04" : "",
"Mon03" : "",
"Mon02" : "2060",
"Mon01" : "1950",
"Title" : "Child 3",
"ID" : "00000006",
"ParentId" : "00000002",
"ChildId" : "00000001",
}
]
}
}
// flatten to object with string keys that can be easily referenced later
var flat = {};
for (var i = 0; i < data.d.results.length; i++) {
var key = 'id' + data.d.results[i].ID;
flat[key] = data.d.results[i];
flat[key].__metadata = "";
}