首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Odoo 9:列表视图和顺序视图中具有垂直和水平滚动的固定标题

Odoo 9是一款开源的企业资源规划(ERP)软件,它提供了丰富的功能和模块,用于管理企业的各个方面,包括销售、采购、库存、财务、人力资源等。

在Odoo 9中,列表视图和顺序视图是常用的数据展示方式。列表视图以表格的形式展示数据,每一行代表一个记录,每一列代表一个字段。而顺序视图则以卡片的形式展示数据,每个卡片代表一个记录,卡片上显示了记录的关键信息。

为了提高用户体验和数据展示的灵活性,Odoo 9的列表视图和顺序视图中可以具有垂直和水平滚动的固定标题。这意味着当列表或顺序视图中的数据量较大时,用户可以通过滚动来浏览数据,而标题行或列会始终保持可见,方便用户查看当前所处的位置和字段信息。

这种功能的优势在于:

  1. 提供了更好的数据展示方式:当数据量较大时,固定标题可以帮助用户更清晰地了解当前所处的位置和字段信息,提高数据浏览的效率和准确性。
  2. 提升用户体验:滚动功能使得用户可以自由浏览数据,而不会因为数据过多而导致页面过长或混乱,提供了更好的用户体验。
  3. 增强了数据的可读性:固定标题使得字段信息始终可见,用户可以更方便地理解和解读数据。

在Odoo 9中,可以使用以下方式实现列表视图和顺序视图中具有垂直和水平滚动的固定标题:

  1. 在列表视图中,可以通过设置<tree>标签的scrolling属性为fixed来实现固定标题。例如:<tree scrolling="fixed"> <!-- 列定义 --> <field name="field1"/> <field name="field2"/> <!-- ... --> </tree><kanban scrolling="fixed"> <!-- 卡片定义 --> <field name="field1"/> <field name="field2"/> <!-- ... --> </kanban>
  2. 在顺序视图中,可以通过设置<kanban>标签的scrolling属性为fixed来实现固定标题。例如:

推荐的腾讯云相关产品和产品介绍链接地址:

  1. 腾讯云服务器(CVM):提供高性能、可扩展的云服务器实例,满足各种计算需求。详情请参考:腾讯云服务器(CVM)
  2. 腾讯云数据库(TencentDB):提供稳定可靠的云数据库服务,包括关系型数据库、NoSQL数据库等。详情请参考:腾讯云数据库(TencentDB)
  3. 腾讯云对象存储(COS):提供安全、可靠的云端存储服务,适用于各种数据存储需求。详情请参考:腾讯云对象存储(COS)
  4. 腾讯云人工智能(AI):提供丰富的人工智能服务和解决方案,包括图像识别、语音识别、自然语言处理等。详情请参考:腾讯云人工智能(AI)
  5. 腾讯云物联网(IoT):提供全面的物联网解决方案,帮助企业快速构建和管理物联网应用。详情请参考:腾讯云物联网(IoT)

请注意,以上推荐的腾讯云产品仅供参考,具体选择应根据实际需求和情况进行。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Material Design — 网格列表(Grid lists)

网格列表 网格列表(Grid lists) 网格列表是标准列表视图替代方法。 Grid lists由以垂直水平布局排列cell重复后组成。 Grid lists最适用于同质数据类型。...浏览路径 一个grid list由在其内部垂直水平排列重复cells组成。 Tiles可容纳内容,并可垂直水平地涵盖一个或多个cells。 ?...例如,一个grid list中所有标题可能位于左下角,而另一个网格列表所有标题可能会放置在左上角。 ? 次要操作与文案位置 ---- 行为 滚动 grid lists通常只能垂直滚动。...响应式设计 全屏grid lists应该使用Ratio Keylines导出具有最小最大宽度流体图像比率。他们应该保留固定高度,marginspadding。...居中grid lists具有最小宽度fluid margins。它们保持固定图像宽度,高度padding。 margin是指从自身边框到另一个容器边框之间距离,就是容器外距离。

3.5K120

Windows Phone 7 Application Controls

该控件支持具有图像占位符多行文本,其中图像占位符可以在控件边界右边,也可以在控件边界左边。 ? 列表项设计考虑 在使用列表框(List Box)控件时,才可以利用多点击目标。...在列表或者网格内使用垂直滚动是可以接受,但前提是它处于全景区域内,并且不同时与水平滚动出现。 只要全景区域宽度小于屏幕宽度,垂直滚动是可以接受。 支持所有自定义控件标准控件。...也就是说,标题不应该停留在区域左上方,而应该随着全景应用移动,以不同速度移动。在这种情况下,不应该使用垂直滚动。相反地,如果全景区域宽度小于屏幕宽度,标题就应该一直停留在该区域左上方。...在这种情况下,不应该使用水平滚动动画,如果使用了垂直滚动标题应该随着内容移动。 Thumbnail Specifications 小图片是全景浏览中主要元素。...枢轴控件水平并且相邻放置独立视图,同时管理左侧右侧导航。可以通过Flick或者Pan手势来推动枢轴控件。 注: 在CTP Release版本中,该控件不可用。

1.5K70

提高效率 |ArcGIS Pro 中所有快捷键一网打尽

Ctrl + 右箭头 向右移动穹,使之与场景照相机朝向垂直。 Ctrl + 左箭头 向左移动穹,使之与场景照相机朝向垂直。 Ctrl+U 增大穹高程。 Ctrl + J 减小视穹高程。...Shift+Z+水平移动光标或 Shift+滚动鼠标滚轮 加快 z 变化速度。 按住 Shift 并转动鼠标滚轮。...Caps Lock+Z+水平移动光标或 Caps Lock+滚动鼠标滚轮 减慢 z 变化速度。 按住 Caps Lock 并转动鼠标滚轮。...同时,我们建议您不要在固定光标模式下使用此功能,尤其是针对频繁复杂多变影像,例如具有密集建筑物 DSM 影像。...Ctrl + 下箭头 转至同一列最后一行。 Ctrl+滚动鼠标滚轮 放大或缩小表比例。 Ctrl+0 将表比例重置回 100%。 Shift+滚动鼠标滚轮 水平滚动表窗口。

62020

Vcl控件详解_c++控件

Columns:对列进行操作 DropTarget:可列表视图中项目是否以拖放操作目标显示 FlatScrollBars:是否让滚动条有平滑效果 FullDrag:当标签拖动时,是否重新绘制...当ViewStyle为vsIcon或vsSmallIcon时,使用该属性定义划分列表视图中客户区域分隔工作区域。...:可在列表视图有焦点时获得用户输入字符序列,列表视图添加字符串到查找字符串,并查找匹配项 IsEditing:判断当前用户是否正在对项目进行操作 Scroll:可通过水平像素垂直像素滚动列表视图内容...,用户操作,说明,用户不能最大化固定大小区 Bands:保存一个TCoolBands Bitmap:在TcoolBand区后显示图像 Constraints:指定组件宽度高度最大值最小值...:列表项不显示缩进 CsExNoSizeLimit:扩展组合框能被垂直地调整为小于编辑区载下拉按钮 CsExPathWordBreak:反斜线(),前斜线(/)句点(.)字符为间隔,以引导输入路径名

4.8K10

最新iOS设计规范四|3大界面要素:视图(Views)

视图(Views) 包含用户在APP中看到基本内容,例如:文本、图片、动画以及交互元素。视图可以具有滚动、插入、删除排列等交互行为。 控件(Controls) 控件,是用于触发操作并传达信息。...五、图像视图(Image Views) 图像视图是在透明或不透明背景上,显示单个图像或动画图像序列。在图像视图中,图像可以被拉伸、缩放、调整大小以适合或固定到特定位置。...页面元素通常会显示有多少页面,多少屏,或者多少数量内容是当前可用及可见。如果你在滚动视图中显示页面控制元素,则需要关闭滚动视图中滚动条以免为用户带来困扰。...例如:当iPhone处于水平方向时,股票类应用程序会在垂直方向支持滚动来展示特定公司股票行情。 九、分列视图(Split Views) 分列视图管理应用程序顶层分层内容呈现。...过于狭窄列表可能导致文字没法连续,这样便会使用户很难阅读,并且难以在垂直方向像快速浏览。同样,过宽列表也一样可能难以阅读扫描,并且可能占用内容空间。 快速显示列表内容。

8.3K31

如何使用 CSS 设置自定义水平垂直滚动

例如,您可以定制滚动条样式以匹配网站外观感觉。在本文中,我们将讨论何时设置水平垂直滚动条,如何设置它们以及如何使用CSS自定义它们外观。...下面的截图显示了侧边栏与正常内容流分开:固定溢出侧边栏上面的侧边栏具有固定位置。页面的正文继续滚动,但侧边栏保持在用户视图中。...从截图中可以看出,侧边栏底部看起来不像设置在底部。这是因为内容比其容器高度长。在下一节中,我们将学习如何防止导航项目列表显示在侧边栏之外。d)....一次性样式所有滚动条。在大多数情况下,您可能希望在整个网站所有垂直水平滚动条上保持一致样式。...为了实现所有滚动统一定制,我们可以按如下方式应用样式:在不选择任何特定元素、标签或类名情况下应用滚动条样式在网站同时具有水平垂直滚动情况下,为两个属性heightwidth同时赋值。

50500

一文彻底搞懂js中位置计算

,包括由于溢出导致视图中不可见内容。...没有垂直滚动情况下,scrollHeight值与元素视图填充所有内容所需要最小值clientHeight相同。包括元素padding,但不包括元素bordermargin。...Element.scrollWidth 这也是一个元素内容宽度只读属性,包含由于溢出导致视图中不可以见内容。 原理上scrollHeight是同理,只不过这里是宽度而非高度。...例如,不论页面是否有垂直/水平滚动,当你点击客户端区域左上角时,鼠标事件 clientX/Y 值都将为 0 。...除了 width height 以外属性是相对于视图窗口左上角来计算。 widthheight是计算元素大小,其他属性都是相对于口左上角来说

3.7K10

odoo 开发入门教程系列-基本视图

它们是ir.ui.view model实例。 在我们estate模块中,我们需要以逻辑方式组织字段: 在列表(树)视图中,我们希望显示不仅仅是名称。 在表单视图中,应该对字段进行分组。...在搜索视图中,我们必须能够搜索不仅仅是名称。具体来说,我们需要"Available"地产筛选器按"postcode"分组快捷方式 List(列表) 参考: 主题关联文档可参考List....搜索视图列表及表单视图略有不同,因为它们不显示内容。尽管它们适用于特定模型,但它们用于过滤其他视图内容(通常是聚合视图,比如列表). 除了在使用方面的不同,他们定义方式是一样。...在自定义搜索视图中添加用户可能过滤字段是非常常见。 搜索视图还可以包含元素,这些元素充当预定义搜索开关。...在odoo中,domain对记录上条件进行编码:domain是用于选择模型记录子集条件列表。每个条件都是一个包含字段名、运算符三元组。

3.2K40

独家 | 手把手教数据可视化工具Tableau

STEP 4: 在“标记”卡上,从视图下拉列表中选择“条形”。 视图会更改为条形图。 标记(在本例中为条)是垂直,因为轴是垂直。每个标记长度表示那一年销售总额。...在此视图中,您只能看到中部地区数据。向下滚动以查看其他区域数据。 在中部区域,复印机显示为利润最高子类,而装订机电器则是利润最低。 STEP 6:单击“标记”卡上“颜色”以显示配置选项。...刚开始时标记如下: STEP 9:若要放大标记,请单击“标记”卡上“大小”来显示大小滑块: STEP 10:将滑块向右拖动直到视图中框达到最佳大小。...现在您视图是完整: STEP 11: 使用视图右侧滚动条来检查不同地区数据。 生成填充气泡图 使用填充气泡图可以在一组圆中显示数据。维度定义各个气泡,度量定义各个圆大小颜色。...水平轴显示产品类别。 STEP 3: 将“Sales”度量拖到“行”功能区。度量将聚合为总和并将显示一个垂直轴。

18.8K71

WPF是什么_wpf documentviewer

GridView视图模式通过给列绑定数据字段显示列标题来标识字段来显示数据项列表(说白了就是给一列数据加个标题header来说明这列数据是什么,然后将数据集合绑定到这列数据下面,一列数据就自动呈现出来了...GridView控件显示了来自ItemSource数据: 2.3. GridView布局与样式 GridViewColumn列单元格标题具有相同宽度。...当然,你也可以为其设置固定宽度。相关数据内容显示在水平行中。...添加可视化元素到GridView 要在GridView视图中添加可视化元素,如CheckBoxButton控件,需使用模板或样式。...滚动查看内容 若GridView大小不足以显示所有项,用户可以使用ScrollViewer控件提供滚动水平垂直滚动。若所有内容一开始都可见,滚动条将被隐藏。

4.7K20

用AutoLayout实现分页滚动

容器视图添加N个页视图,对于水平分页滚动来说容器视图高度滚动视图一样,而宽度则是滚动视图宽度乘以页视图数量,页视图尺寸则滚动视图保持一致,对于垂直分页滚动来说容器视图宽度滚动视图一样,而高度则是滚动视图高度乘以页视图数量...,页视图尺寸则滚动视图保持一致。...每个页视图中在添加各自条目视图。整体效果图如下: ? 分页滚动UI布局 AutoLayout实现分页滚动方法 根据上面的UI结构这里用AutoLayout代码来实现水平分页滚动。...,如果需要左右滚动则将容器视图中最右部子视图这里是B右边边界依赖于容器视图右边边界。...流式布局用于一些子视图有规律排列场景,就比如本例子中滚动分页图标列表能力。下面就是具体实现代码。

1.9K40

CSS Viewport 单位,很多人还不知道使用它来快速布局!

此外,我们添加了一些flexbox来处理水平垂直居中内容。 事例源码:https://codepen.io/shadeed/pe......第一种解决方案:calc口单位 如果header footer 高度是固定,那么可以将calc()函数口单位结合起来,如下所示: header, footer { height:...垂直水平间距 我想到另一个有趣用例是使用口单位来表示元素之间间距。这可以与margin、top、bottomgrid-gap等值一起使用。...它通常具有标题描述,并且其中上下边缘高度固定或填充 例如,有以下CSS样式: .page-header { padding-top: 10vh; padding-bottom:...Vmin Vmax 用例 该用例是关于页面标题元素顶部底部padding 。 当口较小(移动)时,通常会减少padding 。

3.1K30

Flutter | 滚动组件,ListView,GridVIew等

滚动组件 当组件内容超过当前显示口(ViewPort)时,如果没有特殊处理,Flutter 就会提示 Overflow 错误,为此,Flutter 提供了多种可滚动组件,用于显示列表长布局; 可滚动组件都直接或间接包含一个...由于可滚动组件默认方向一般都是沿垂直方向,所以默认情况下主轴就是指垂直方向,水平方向同理 SingleChildScrollView SingleChildScrollView 类似于 Android...,也就是说滚动垂直方向,则 itemnExtent 代表子组件高度;如果是水平方向,则是子组件宽度。...是异步执行完成回调 还有问题可以参考这篇文章 最终效果如下: 添加固定列表头 很多时候我们需要给列表添加一个固定表头,比如实现一个商品列表,就需要在列表添加一个 商品列表 标题 以往经验告诉我...版滚动组件 非 Sliver 版组件最大区别就是前者不包含滚动模型(自身不能滚动),而后者包含滚动模型。

8.4K20

【Android从零单排系列二十六】《Android视图控件——ScrollView》

在ScrollView中,只能包含一个直接子视图(ViewGroup),通常是一个垂直方向线性布局或相对布局。如果需要水平滚动效果,可以使用HorizontalScrollView作为替代。...为了让ScrollView正常工作,内容视图高度应根据其内容进行适当调整。您可以通过设置高度为"wrap_content"或固定高度,或使用权重来控制内容视图高度。...您可以为ScrollView其内部内容视图指定各种属性,例如背景颜色、内外边距、滚动条样式等。...android:scrollbars:定义滚动显示方式。可选值有"none"(不显示)、"vertical"(只显示垂直滚动条)"horizontal"(只显示水平滚动条)。...常见方法: scrollTo(int x, int y):将ScrollView滚动到指定位置,参数xy分别代表目标位置水平垂直偏移量。

32020

用最少代码却实现了最牛逼滚动动画!

以便它仅在视图中显示该元素时才执行该动画。...可以在进入/离开定义区域或将其直接链接到滚动栏时在动画上执行操作(播放、暂停、恢复、重新启动、反转、完成、重置)。 延迟动画滚动条之间同步。 根据速度捕捉动画中进度值。...嵌入滚动直接触发到任何 GSAP 动画(包括时间线)或创建独立实例,并利用丰富回调系统做任何您想做事。 高级固定功能可以在某些滚动位置之间锁定一个元素。 灵活定义滚动位置。 支持垂直水平滚动。...自定义滚动触发器容器,可以定义一个 div 而不一定是浏览器口。 高度优化以实现最大性能。 插件大约只有6.5kb大小。...start: "top top", // 当触发器顶部碰到顶部时 end: "+=500", // 在滚动 500 px后结束 scrub: 1, // 触发器

2.3K20

用最少代码却实现了最牛逼滚动动画!

我们需要知道ScrollTrigger是基于GSAP实现插件,ScrollTrigger是处理滚动事件,而真正处理动画是GSAP,二者组合使用才能实现滚动动画~插件特点将任何动画链接到特定元素,以便它仅在视图中显示该元素时才执行该动画...可以在进入/离开定义区域或将其直接链接到滚动栏时在动画上执行操作(播放、暂停、恢复、重新启动、反转、完成、重置)。延迟动画滚动条之间同步。根据速度捕捉动画中进度值。...嵌入滚动直接触发到任何 GSAP 动画(包括时间线)或创建独立实例,并利用丰富回调系统做任何您想做事。高级固定功能可以在某些滚动位置之间锁定一个元素。灵活定义滚动位置。支持垂直水平滚动。...自定义滚动触发器容器,可以定义一个 div 而不一定是浏览器口。高度优化以实现最大性能。插件大约只有6.5kb大小。...start: "top top", // 当触发器顶部碰到顶部时 end: "+=500", // 在滚动 500 px后结束 scrub: 1, // 触发器1

2.8K00

iOS 9人机界面指南(四):UI元素(下)- 腾讯ISUX

一般来说,你会在一个表格视图中使用详情展开按钮来让用户知道更多关于这个列表信息。当然你也可以将这个按钮用在其它类型视图中来为用户展示更多与特定项目相关信息功能。...如果用户可以在你应用程序打开超过20个视图,请考虑给视图一个不同展示方式,以提供关于视图详细信息,使其支持不连续导航。 在打开视图底部边缘屏幕底部边缘里垂直居中页面控件。...但在某些特定内容区域内,为按钮描边或者添加背景颜色,让用户迅速地把注意力放到按钮上,也是必要。Value 2布局中,文本标题中间垂直间距会让用户专注于副标题第一个单词。...举个例子,如果一个模态视图中含有导航条取消或完成任务按钮,这里导航条样式应该与你app中导航条一样。 合适的话,在模态视图里加入可以说明任务内容标题。...关于这一点,你可以指定以下任意一种过渡动画: 垂直出现(Vertical).模态视图从底部边缘滑入屏幕,也同样从屏幕底部滑出(默认模式)。 弹出(Flip).当前视图从右往左水平滑动,露出模态视图

13.2K30
领券