通达科技 - 宜兴电脑维护及IT服务外包服务商

 Exercise

1. 在 static/src 中创建 gallery_view.js 、 gallery_controller.js 和 gallery_controller.xml 文件。

2. 在 gallery_controller.js 中实现一个简单的 hello world 组件。

3. 在 gallery_view.js 中，导入控制器，创建一个视图对象，并将其注册到视图注册表中，名称为 gallery。

4. 在订单操作中添加 gallery 作为一种视图类型。

5. 确保在切换到图库视图时，您可以看到您的hello world组件。

 Exercise

1. 导入 Layout 组件并将其添加到 GalleryController 的 components 中。

2. 更新模板以使用 Layout。它需要一个 display 属性，可以在 props.display 中找到。

 Exercise

1. 在自己的文件中创建 ArchParser 类。它可以继承自 @web/core/utils/xml 中的 XMLParser。

2. 使用它来读取 image_field 信息。

3. 更新 gallery 视图代码，将其添加到控制器接收的 props 中。

 Exercise

1. 在 GalleryController 中添加一个 loadImages(domain) {...} 方法。它 应该执行一个来自 orm 服务的 webSearchRead 调用，以获取与域相对应的记录 并使用在 props 中接收到的 imageField。

2. 修改 setup 代码，在 onWillStart 和 onWillUpdateProps 钩子中调用该方法。

3. 修改模板以在 Layout 组件的默认插槽中显示数据。

 Exercise

1. 将所有模型代码移动到自己的 GalleryModel 类中。

2. 将所有渲染代码移动到 GalleryRenderer 组件中。

3. 调整 GalleryController 和 gallery_view 以使其正常工作。

 Exercise

更新渲染器以便以美观的方式显示图像，如果字段已设置。如果 image_field 为空，则显示一个空框。

 Exercise

更新渲染器以响应对图像的单击并切换到表单视图。您可以使用操作服务中的 switchView 函数。

 Exercise

1. 更新代码以允许在arch上添加一个可选的附加属性：

   <gallery image_field="some_field" tooltip_field="some_other_field"/>
   

2. 鼠标悬停时，显示工具提示字段的内容。如果该字段是字符字段、数字字段或many2one字段，则应该可以正常工作。

3. 更新订单画廊视图，将客户添加为工具提示字段。

 Exercise

让我们在控制面板上添加一个分页器，并像在普通的Odoo视图中一样管理所有分页。请注意，这是非常困难的。

 Exercise

1. 添加一个描述当前语法的 RNG 文件：

   • 一个必填属性 image_field.

   • 一个可选属性： tooltip_field 。

2. 添加一些代码，确保所有视图都根据此 RNG 文件进行验证。

3. 顺便提一下，确保 image_field 和 tooltip_field 是当前模型中的字段。

由于验证 RNG 文件并不容易，这里提供了一个代码片段以帮助您：

# -*- coding: utf-8 -*-
import logging
import os

from lxml import etree

from odoo.loglevels import ustr
from odoo.tools import misc, view_validation

_logger = logging.getLogger(__name__)

_viewname_validator = None

@view_validation.validate('viewname')
def schema_viewname(arch, **kwargs):
    """ Check the gallery view against its schema

    :type arch: etree._Element
    """
    global _viewname_validator

    if _viewname_validator is None:
        with misc.file_open(os.path.join('modulename', 'rng', 'viewname.rng')) as f:
            _viewname_validator = etree.RelaxNG(etree.parse(f))

    if _viewname_validator.validate(arch):
        return True

    for error in _viewname_validator.error_log:
        _logger.error(ustr(error))
    return False