生成器中的 OctoberCMS 图标选择

Question

有没有办法用像 Builder 那样的图标制作下拉字段？

Answer 1

对于有同样问题的人来说，这很简单，这里有一个如何做到这一点的示例：

使用 YAML

fields:
  icon:
    label: Icon
    type: dropdown
    span: left
    options:
        'oc-icon-adjust': ['adjust', 'oc-icon-adjust'],
        'oc-icon-adn': ['adn', 'oc-icon-adn'],
        'oc-icon-align-center': ['align-center', 'oc-icon-align-center'],
        'oc-icon-align-justify': ['align-justify', 'oc-icon-align-justify']

使用 get*FieldName*Options

public function getIconOptions
{
    return [
        'oc-icon-adjust' => ['adjust', 'oc-icon-adjust'],
        'oc-icon-adn' => ['adn', 'oc-icon-adn'],
        'oc-icon-align-center' => ['align-center', 'oc-icon-align-center'],
        'oc-icon-align-justify' => ['align-justify', 'oc-icon-align-justify']
    ];
}

参考：
https://github.com/rainlab/builder-plugin/blob/master/classes/IconList.php

使用自定义 css 的示例

fields:
  icon:
    label: Icon
    type: dropdown
    span: left
    commentHtml: true
    comment: '<link rel="stylesheet" type="text/css" href="/themes/themename/assets/css/font-custom.css" media="all"/>'
    options:
      tm-accesories: ['accesories', 'tm tm-accesories']
      tm-smartphone: ['smartphone', 'tm tm-smartphone']
      tm-shopping-bag: ['shopping-bag', 'tm tm-shopping-bag']
      tm-grid: ['grid', 'tm tm-grid']
      tm-best-brands: ['best-brands', 'tm tm-best-brands']

Answer 2

你的问题不够准确。您需要后端表单中的此列表吗？

如果是这样，您可以创建一个部分，您将在其中放置您的自定义代码来创建并填充您的下拉列表

https://octobercms.com/docs/backend/forms#field-partial

Answer 3

现在有一个插件添加了对带有图标列表的后端表单小部件的支持：plugin page。它提供的表单小部件甚至比构建器的原始表单更好。