查看: 2376|回复: 0

[JavaScript/JQuery] Smart template的控件能否当成普通控件来用

发表于 2018-4-7 08:00:02

我的同事问过我这个问题:

Smart template的控件能否当成普通控件来用

只要弄清楚Smart control的原理,就能回答这个问题。

答案是: smart control可以像普通的控件一样在xml view中被定义和使用,但是必须结合OData annotation,否则没有意义。以Smart control里的Smart field为例,详细原理在我的博客Currency example – how Smart field works里介绍。

概括起来,就是:

1. Smart field本身也是一个控件,更准确的说是一个没有UI输出的控件,只是一个壳。在UI render的时候,smart field会演变成input field,还是drop down list,还是date picker,还是F4 help,这些都需要有一个角色来告诉smart field,这个角色就是Odata annotation。Metadata里定义的annotation会决定smart field最后的输出方式。

2. Smart control可以脱离Smart template框架单独使用。也就是说您可以创建一个很简单的xml view,然后在这个view里像使用普通控件那样使用smart control,没有任何问题。

请参考这个例子(完整实现代码在文末):

Smart template的控件能否当成普通控件来用

在XML view里,我定义了一个Smart field,绑到Price这个property上。

Smart template的控件能否当成普通控件来用

在runtime时,它会自动被渲染成带单位的currency field。后面那个EUR的currency field就像变戏法一样生成了,其实就是sap:unit="CurrencyCode"这个annotation起的作用。至于框架是如何解析annotation并自动生成currency field,相关的代码和分析都在上述提到的博客Currency example – how Smart field works里。

Smart template的控件能否当成普通控件来用

该Fiori应用的目录结构:

Smart template的控件能否当成普通控件来用

源代码地址

要获取更多Jerry的原创技术文章,请关注公众号"汪子熙"或者扫描下面二维码:
Smart template的控件能否当成普通控件来用

Smart template的控件能否当成普通控件来用



回复

使用道具 举报