如何通过下拉菜单中的所选选项显示componentProperties选项?

时间:2019-04-23 20:17:12

标签: plugins components octobercms

我敢肯定这很简单,但目前证明仅此而已。

我制作了一个我想用来显示画廊的插件,它工作正常。但是,尝试添加在组件中创建的画廊的选项非常困难。

当我将组件添加到页面时,我现在可以选择所有创建的画廊,但是根据我选择的画廊是我做不到的事情来显示画廊。

任何帮助将不胜感激!

我敢肯定这很简单,但目前证明仅此而已。

我制作了一个我想用来显示画廊的插件,它工作正常。但是,尝试添加在组件中创建的画廊的选项非常困难。

当我将组件添加到页面时,我现在可以选择所有创建的画廊,但是根据我选择的画廊是我做不到的事情来显示画廊。

任何帮助将不胜感激!

Components / Gallery.php:
    

use Cms\Classes\ComponentBase;
use MartinSmith\Gallerys\Models\Gallery as GalleryModel;

class gallerys extends ComponentBase
{
public $gallery;

public function componentDetails(){
    return [
        'name' => 'Frontend Gallery',
        'description' => 'A gallery for you webpage'
    ];
}

public function defineProperties() {
    $lists = $this->getLists();
    return [
        'galleryName' => [
            'title' => 'Gallery',
            'type' => 'dropdown',
            'placeholder' => 'Select Gallery',
            'options' => $lists
        ]
    ];
}

public function getLists() {
    $agreements = GalleryModel::all()->pluck('name', 'id');
    return $agreements->toArray();
}

public function getList() {
    $agreement = GalleryModel::where('id', $this->property('galleryName'))->get();
    return $agreement->first();
}

}

Components / gallery / default.htm:

{% set gallerys = __SELF__.gallery %}

{% for gallery in gallerys %}

<div class="container-fluid px-0">

    <div class="gallery">

        <div class="row">

            {% for image in gallery.fullImage %}

            <div class="col-md-4 px-0 home-galleryImg">

                <a href="{{ image.path }}">

                    <div class="gallery-imgOverlay">
                        <p>{{ image.title }}</p>
                        <h5>{{ image.description }}</h5>
                    </div>

                    <img class="img-fluid" src="{{ image.thumb(650,auto) }}" alt="{{ thumbnail.description }}">

                </a>

            </div>

            {% endfor %}

        </div>

    </div>

</div>

{% endfor %}

See screenshot

1 个答案:

答案 0 :(得分:0)

我自己解决了这个问题,方法是创建一个函数,该函数使用laravel pluck方法返回“名称”并由“ id”索引。 pluck('name', 'id')第一个参数选择要用作值的列,第二个参数选择要用作键的列。注意* toArray()方法,我认为options字段不能接收集合。

public function getLists() {
    $agreements = Agreements::all()->pluck('agrnum', 'id');
    return $agreements->toArray();
}
//returns
array:3 [▼
  2 => "DLE-2"
  4 => "DLE-1"
  5 => "DLE-3"
]

现在在我的属性区域中,我调用函数$list = $this->getList();

public function defineProperties() {
$lists = $this->getLists();
return [
    'getList' => [
        'title' => 'List',
        'type' => 'dropdown',
        'placeholder' => 'Select List',
        'options'     => $lists
       ]
    ];
}

此后,您可以在函数中进行Lists::where('id', $this->property('getList'));或类似操作以显示所选列表或在案例库中。

我的结果: 组件的CMS页面后端

    public function defineProperties() {
    $lists = $this->getLists();
    return [
        'getList' => [
            'title' => 'List',
            'type' => 'dropdown',
            'placeholder' => 'Select List',
            'options'     => $lists
           ]
        ];
    }

    public function getLists() {
    $agreements = Agreements::all()->pluck('agrnum', 'id');
    return $agreements->toArray();
    }

    public function getList() {
        $agreement = Agreements::where('id', $this->property('getList'))->get();
        return $agreement->first();
    }

enter image description here

组件模板文件夹中default.htm中的网页

{{ d(__SELF__.getList) }}

enter image description here

如果我执行{{ d(__SELF__.property('getList')) }},它也会显示值为"5"