在十月CMS中创建前端记录过滤器

如何解决在十月CMS中创建前端记录过滤器

我正在用OctoberCMS创建一组前端过滤器。

到目前为止，一切正常，您可以通过以下方式过滤课程：

认证-课程模型中的字段
持续时间-课程模型中的字段
资助-课程模型中的字段
类别-与类别模型的关系

这是我的模特： 课程 类别

此刻，我必须对所有选项的选择字段中的选项进行硬编码。

我目前正在尝试在组件中循环浏览类别。

这是组件的代码

<?php namespace Learnconstruction\Learnconstruction\Components;

use Cms\Classes\ComponentBase;
use LearnConstruction\LearnConstruction\Models\Course;
use LearnConstruction\LearnConstruction\Models\Category;
use Illuminate\Support\Facades\Input;

class FilterCourses extends ComponentBase
{
    public function componentDetails()
    {
        return [
            'name'        => 'Filter Courses','description' => 'No description provided yet...'
        ];
    }

    public function defineProperties()
    {
        return [];
    }

    public function onRun() {

        $this->courses = $this->filterCourses();
    
    }


    protected function filterCourses() {
        
        $funding = Input::get('funding');
        $duration = Input::get('duration');
        $accreditation = Input::get('accreditation');
        $category = Input::get('category');
        $query = Course::query();

        if ($funding) $query = $query->where('funding',$funding);
        if ($duration) $query = $query->where('duration',$duration);
        if ($accreditation) $query = $query->where('accreditation',$accreditation);
        if ($category) $query = $query->whereHas('category',function ($query) use ($category) {
              $query->where('name','like',$category);
         });
        
        
        return $query->get();

    }
    
    public $courses;

    public $category;

}

这是前端的代码：

<div class="lecture-overview-item">
   <div class="question-overview-filter-wrap my-course-filter-wrap d-flex align-items-center">
      <div class="my-course-filter-by-content">
         <div class="question-overview-filter-item">
            <span class="badge font-size-14 font-weight-semi-bold">Filter by</span>
            <form method="GET" action="{{ url('courses')}}" id="filterCourse">
               <div class="d-flex align-items-center mt-2">
                  <div class="sort-ordering user-form-short">
                     <select name="category" class="sort-ordering-select" onchange="this.form.submit()">
                        <option disabled selected>Category</option>
                        {% for item in __SELF__.category %}
                        <option>{{ item.name }}</option>
                        {% endfor %}
                     </select>
                  </div>
                  <div class="sort-ordering user-form-short">
                     <select name="duration" class="sort-ordering-select" onchange="this.form.submit()">
                        <option disabled selected>Duration</option>
                        <option>1/2 Day</option>
                        <option>1 Day</option>
                        <option>2 Day</option>
                        <option>3 Day</option>
                        <option>4 Day</option>
                        <option>5 Day</option>
                        <option>6 Day</option>
                        <option>9 Day</option>
                     </select>
                  </div>
                  <div class="sort-ordering user-form-short">
                     <select name="funding" class="sort-ordering-select" onchange="this.form.submit()">
                        <option disabled selected>Funding</option>
                        <option>CITB Grant</option>
                     </select>
                  </div>
                  <div class="sort-ordering user-form-short">
                     <select name="accreditation" class="sort-ordering-select" onchange="this.form.submit()">
                        <option disabled selected>Accreditation</option>
                        <option>Certificate</option>
                        <option>IPAF Card & Certficate</option>
                        <option>City & Guilds</option>
                        <option>Pasma Photo ID</option>
                        <option>Red CPCS Card</option>
                        <option>Green CSCS Card</option>
                     </select>
                  </div>
               </div>
            </form>
         </div>
      </div>
   </div>
</div>

由于某些原因，类别没有通过。

我这样做正确吗？

任何帮助将不胜感激

解决方法

您可以这样做

public function onRender() {
    $this->category =  $this->page['category'] = CategoryModel::all();
}

现在可以使用代码__SELF__.category和category中的可用

{% for item in __SELF__.category %}
    <option>{{ item.name }}</option>
{% endfor %}

OR

{% for item in category %}
    <option>{{ item.name }}</option>
{% endfor %}

这应该有效。

如有疑问，请发表评论