创建10月份云服务器前端记录过滤

Question

我正在用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>

由于某些原因，这些类别不能通过。

我这样做对吗？

任何帮助都将不胜感激

Answer 1

你可以像这样做

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

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

，也可以使用category

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

或

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

这应该是可行的。

如果有任何疑问，请发表意见