首页 > 其他分享 >CSS Flex 布局的 flex-direction 属性讲解

CSS Flex 布局的 flex-direction 属性讲解

时间:2022-12-25 22:00:53浏览次数:44  
标签:Flex direction 控件 图表 智能 flex VariantManagement 变体 页面

本文介绍 VariantManagement 控件的页面变体,它是 SmartVariantManagement 控件的增强功能,可以处理多个智能控件。

基本上,VariantManagement 控件的分页版本与(非分页)VariantManagement 控件相同。 不同之处在于,页面变体使用 persistencyKey 属性进行初始化,可以处理多个智能控件的持久化。

每个通过页面变体使用个性化的智能控件都必须提供一个持久键。 持久性本身将存储在 VariantManagement 控件的 persistencyKey 下,每个控件的相关内容将根据每个单独的持久性键进行相应分配。

因此,页面变体的持久化内容是每个注册的智能控件的聚合内容,通过各个智能控件各自的持久化键来区分和分发相关内容。

作为页面变体,视图管理现在不再是 SmartFilterBar 和 SmartTable 控件的一部分,而是显示在中央位置:

SmartChart 控件可用于以图形方式可视化数据。 SmartChart 控件根据 OData 元数据和已指定的配置数据创建图表。 必须指定 entitySet 属性才能使用该控件。 此属性用于从生成图表 UI 的 OData 元数据中获取字段。

一个例子如下:

触发查询后智能图表的初始外观如下图所示。

智能图表的工具栏包含标题,旁边是视图管理对话框,视图管理对话框旁边是一个标记为“跳转至”的按钮。 默认情况下禁用此按钮,但一旦在图表中选择了一个列,此按钮就会启用。 当我们单击此按钮时,会出现一个弹出窗口,其中包含所选列的详细信息。 还可以从此处导航到相关应用程序。

使用 SemanticObjectController 启用此功能。 当我们将鼠标指针悬停在列上时,会显示一个弹出窗口以提供其他信息。

标签:Flex,direction,控件,图表,智能,flex,VariantManagement,变体,页面
From: https://www.cnblogs.com/sap-jerry/p/17004678.html

相关文章

  • Flex布局总结
    1、Flex布局是什么?Flex是flexiblebox的缩写,意思是弹性的盒子。因此,Flex布局也被叫做弹性布局。任何盒子都可以设置成Flex布局,但要注意:设为Flex布局以后,子元素的float......
  • 你不能只会flex居中布局,精制动画讲解所有flex布局方式!通俗易懂纯干货教程!
    flex布局相信很多人都已经有不少了解,其优势和作用被越来越多的开发者所喜爱,网上也有很多关于关于flex的介绍和教程。但是根据笔者的面试经验发现,很多人尤其是初中级开发......
  • 直播平台软件开发,flex布局实例
    直播平台软件开发,flex布局实例 <!DOCTYPEhtml><htmllang=""><head>  <metacharset="utf-8">  <metahttp-equiv="X-UA-Compatible"content="IE=edge">  ......
  • 论文解读:Attention-Based Bidirectional Long Short-Term Memory Networks for Relati
    论文解读:Attention-BasedBidirectionalLongShort-TermMemoryNetworksforRelationClassification  在基于深度学习的知识图谱构建过程中,知识抽取环节中的实体关系......
  • 三态(tri-state)门、双向(bi-directional)端口的建模、仿真和综合
    目录1.概要2.三态门 2.1概念2.2三态门建模3.双向端口3.1HDL语言描述3.2 直接调用元件库中的模块3.仿真4.综合1.概要        双向端口顾名......
  • 「一劳永逸」48张小图带你领略flex布局之美
    前言最近在项目中,遇到布局问题,有时候,需要堆叠很多的样式,去排版,一定程度上增加了代码量,那么有没有更加方便的布局方式呢?......
  • 深入浅出之 Flex 弹性布局
    专栏地址:CSS特性及应用本文作者:前端小东一、flex弹性的概念:弹性盒子是一种用于按行或按列布局元素的一维布局方法,元素可以膨胀以填充额外的空间,收缩以适应更小的空......
  • 前端CSS Flex布局8大重难点知识,收藏起来吧
    2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。Flex布......
  • 一文搞懂flex:0,1,auto,none
    本文参考了张鑫旭大大的文章,和阮大大的flex布局,部分图片和段落结构一致,仅作为个人总结,侵权删。flex属性介绍平时在项目中Flex布局的使用频率非常高,但是对于flex的几个......
  • flex布局详解
    我正在参加码上掘金体验活动,详情:show出你的创意代码块写在前面,由于文章里面有很多flex布局效果图占据了很大的篇幅,导致篇幅很长。以下内容主要分为四个部分:常见概念f......