2020-09-05 17:23发布
点击此处---> 群内免费提供SAP练习系统（在群公告中）加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）我有一个带有json视图的sap... 显示全部
加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）
我有一个带有json视图的sapui5应用。 下面是json视图的代码
json视图如下所示
"节"：[ { " id"：" idMenuButtonSection"， " subSections"：[ { "主要"：[ { " Type"：" sap.m.IconTabBar"， " headerMode"："内联"， " headerBackgroundDesign"：" {widgetModel>/headerBackgroundDesign}"， "项目"：[ { " path"：" widgetModel>/filters"， "模板"：{ " Type"：" sap.m.IconTabFilter"， " showAll"：" {widgetModel> showAll}"， " enabled"：" {widgetModel> enabled}"， " text"：" {widgetModel> text}"， " icon"：" {widgetModel> icon}"， " iconColor"：" {widgetModel> color}"， " count"：" {widgetModel> count}"， "内容"：[ { " Type"：" sap.m.Button"， " text"：" {widgetModel> text}" } ] } } ] } ] } ] } ]
数据绑定如下
" widgetModel"：{" headerBackgroundDesign"："透明"，"过滤器"：[{" text"："发布"，" count"：" 9"，" showAll"：true}，{" text"： "初始时间"，"颜色"："默认"，"启用"：true，"计数"：1，" icon"：" sap-icon：//appointment-2"}，{" text"："选项1 "，" color"："默认"，" count"：" 2"，" enabled"：是，" icon"：" sap-icon：//appointment-2"}，{" text"："选项2" ，" count"：" 3"，" color"："正"，" enabled"：是，" icon"：" sap-icon：//appointment-2"}，{" text"："选项3"， " count"：" 3"，" color"："默认"，" enabled"：假，" icon"：" sap-icon：//appointment-2"}]}
，输出类似于附件中的。 现在，我想添加IconTabSeparator。 如何在过滤器中添加它？
根据我的研究，扩展控制器是对此的最佳解决方案。
我在元数据中创建了一个称为分隔符的属性。
我在其中添加了" onBeforeRendereding"事件委托和以下代码。
'onBeforeRendering'：函数（）：void {让items = this.getAggregation（'items'）; 让itemsLength = items.length-1， j = 1; if（itemsLength> 0）{ for（let i = 0; i this.insertAggregation（'items'， new sap.m.IconTabSeparator（{icon：this。 getSeparator（）}）， j，true）; j = j + 2; } } }
这就是我解决问题的方式。 感谢大家的时间和帮助
这不起作用。 我收到控制台错误。
您能给我建议一个解决方案吗？
嘿，桑托什·帕苏普努里，
我一直在研究这种情况，我认为在不指定静态"类型"的情况下无法在JS视图中动态绑定对象。 in .： sap.m.IconTabFilter。
主要原因是应用程序首次运行时，附加的模型没有数据，因此无法为" Type"（保留关键字）绑定任何值。 我观察到Type与其他字段相比有不同的行为，它的主要作用是将控件（实例化）的名称发送到ManagedObject类。
无论如何，我在一些博客中看到，一些开发人员已通过在JS视图实例化之后直接在控制器上编写绑定来纠正此问题。
我找到了下面的图表（它并不是您想要的东西），但是它可能对您的下一步发展有所帮助
KR，亚瑟·席尔瓦（Arthur Silva）
对不起，我不能。 它是私人的，而且也很大！
你好桑托什，希望你一切都好。
尝试通过添加与IconTabBar项的类型相对应的字段来调整小部件模型。 例如：字段"类型"，如下所示：
" widgetModel"：{ " headerBackgroundDesign"："透明"， "过滤器"：[{ " type"：" sap.m.IconTabFilter"， " text"："发布"， " count"：" 9"， " showAll"：true }，{ " type"：" sap.m.IconTabSeparator" }，{ " type"：" sap.m.IconTabFilter"， " text"："初始时期"， " color"："默认"， "已启用"：是， "计数"：1 " icon"：" sap-icon：//appointment-2" }，{ " type"：" sap.m.IconTabFilter"， " text"："选项1"， " color"："默认"， " count"：" 2"， "已启用"：是， " icon"：" sap-icon：//appointment-2" }，{ " text"：" Option 2"， " type"：" sap.m.IconTabFilter"， " count"：" 3"， " color"："正"， "已启用"：是， " icon"：" sap-icon：//appointment-2" }，{ " text"：" Option 3"， " count"：" 3"， " color"："默认"， "已启用"：false， " icon"：" sap-icon：//appointment-2" }] }
在JSON视图一侧，修改IconTabBar模板的属性"类型"以正确接收新的模型属性。
... "模板"：{ " Type"：" {widgetModel> type}"， " showAll"：" {widgetModel> showAll}"， " enabled"：" {widgetModel> enabled}"， " text"：" {widgetModel> text}"， " icon"：" {widgetModel> icon}"， " iconColor"：" {widgetModel> color}"， " count"：" {widgetModel> count}"， "内容"：[{ " Type"：" sap.m.Button"， " text"：" {widgetModel> text}" }] } ...
KR， Arthur Silva
您尝试过上面的代码吗？
您是否愿意共享代码？ 我想对开发/问题有更深入的了解。
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','http://www.easysap.com/data/attach/logo/logo.png', '推荐 独立观察员 的问题《如何在项目模板中添加IconTabSeparator？》','https://www.easysap.com/q-57282.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
根据我的研究，扩展控制器是对此的最佳解决方案。
我在元数据中创建了一个称为分隔符的属性。
我在其中添加了" onBeforeRendereding"事件委托和以下代码。
'onBeforeRendering'：函数（）：void { this.insertAggregation（'items'，
让items = this.getAggregation（'items'）;
让itemsLength = items.length-1，
j = 1;
if（itemsLength> 0）{
for（let i = 0; i
new sap.m.IconTabSeparator（{icon：this。 getSeparator（）}），
j，true）;
j = j + 2;
}
}
}
这就是我解决问题的方式。 感谢大家的时间和帮助
这不起作用。 我收到控制台错误。
您能给我建议一个解决方案吗？
嘿，桑托什·帕苏普努里，
我一直在研究这种情况，我认为在不指定静态"类型"的情况下无法在JS视图中动态绑定对象。 in .： sap.m.IconTabFilter。
主要原因是应用程序首次运行时，附加的模型没有数据，因此无法为" Type"（保留关键字）绑定任何值。 我观察到Type与其他字段相比有不同的行为，它的主要作用是将控件（实例化）的名称发送到ManagedObject类。
无论如何，我在一些博客中看到，一些开发人员已通过在JS视图实例化之后直接在控制器上编写绑定来纠正此问题。
我找到了下面的图表（它并不是您想要的东西），但是它可能对您的下一步发展有所帮助
KR，
亚瑟·席尔瓦（Arthur Silva）
对不起，我不能。 它是私人的，而且也很大！
你好桑托什，希望你一切都好。
尝试通过添加与IconTabBar项的类型相对应的字段来调整小部件模型。 例如：字段"类型"，如下所示：
" widgetModel"：{ " headerBackgroundDesign"："透明"， "过滤器"：[{ " type"：" sap.m.IconTabFilter"， " text"："发布"， " count"：" 9"， " showAll"：true }，{ " type"：" sap.m.IconTabSeparator" }，{ " type"：" sap.m.IconTabFilter"， " text"："初始时期"， " color"："默认"， "已启用"：是， "计数"：1 " icon"：" sap-icon：//appointment-2" }，{ " type"：" sap.m.IconTabFilter"， " text"："选项1"， " color"："默认"， " count"：" 2"， "已启用"：是， " icon"：" sap-icon：//appointment-2" }，{ " text"：" Option 2"， " type"：" sap.m.IconTabFilter"， " count"：" 3"， " color"："正"， "已启用"：是， " icon"：" sap-icon：//appointment-2" }，{ " text"：" Option 3"， " count"：" 3"， " color"："默认"， "已启用"：false， " icon"：" sap-icon：//appointment-2" }] }在JSON视图一侧，修改IconTabBar模板的属性"类型"以正确接收新的模型属性。
... "模板"：{ " Type"：" {widgetModel> type}"， " showAll"：" {widgetModel> showAll}"， " enabled"：" {widgetModel> enabled}"， " text"：" {widgetModel> text}"， " icon"：" {widgetModel> icon}"， " iconColor"：" {widgetModel> color}"， " count"：" {widgetModel> count}"， "内容"：[{ " Type"：" sap.m.Button"， " text"：" {widgetModel> text}" }] } ...
KR，
Arthur Silva
您尝试过上面的代码吗？
您是否愿意共享代码？ 我想对开发/问题有更深入的了解。
KR，
Arthur Silva
一周热门 更多>