UI Bookmark Component 在 Magento 2

什么是UI书签组件?

使用Magento 2时,UI书签组件是“列表/网格”辅助组件之一。UI书签组件Magento 2负责存储数据网格的所有活动状态和更改状态。书签组件将覆盖一些数据,包括过滤器的状态,列的位置,应用的排序,分页等等。

栏位名称类型描述
书签编号整数(10)书签标识符
用户身份整数(10)用户身份
命名空间varchar(255)书签名称空间
(UX1)标识符varchar(255)书签标识符
当前smallint(6)按用户,名称空间和标识符标记当前书签
标题varchar(255)书签标题
配置长文本书签配置(Js书签组件的JSON配置)
created_at约会时间当时创建的书签
Updated_at约会时间书签已更新

什么是UI书签组件结构

在UI书签组件中,您将获得如下结构:

  • 书签收藏位于 app\code\Magento\Ui\view\base\web\js\grid\controls\bookmarks\bookmarks.js收集模板 app\code\Magento\Ui\view\base\web\templates\grid\controls\bookmarks\bookmarks.html
  • 子元素代表位于以下位置的单独视图 app\code\Magento\Ui\view\base\web\js\grid\controls\bookmarks\view.js子元素模板位于 app\code\Magento\Ui\view\base\web\templates\grid\controls\bookmarks\view.html

书签组件激活app\code\Magento\Ui\view\base\web\js\grid\controls\bookmarks\storage.js自定义数据存储以将书签状态保存到外部。之后,您可以在任何设备和任何浏览器上获取书签。

如何添加UI书签组件

UI书签组件带有以下选项:

  • 模板选项
  • 组件选项
templates: {
    view: {
        component: 'Magento_Ui/js/grid/controls/bookmarks/view'
        template: 'path/to/template'
    },
    newView: {
        label: 'New View',
        index: '${ Date.now() }'
    }
}
  • storageConfig选项
storageConfig: {
    saveUrl: 'path/to/save',
    deleteUrl: 'path/to/delete',
    namespace: 'namespace'
}

相关文章

0 0 投票数
文章评分
订阅评论
提醒
0 评论
最旧
最新 最多投票
内联反馈
查看所有评论