OctoberCMS：Ajax处理程序

Question

我已经使用Builder创建了一个插件。

有2种型号：

• 提供者
• 位置

我正在尝试在前端上创建3个独立的筛选器，以便用户可以按名称及其位置筛选提供者列表。

这是我的提供者模型

<?php namespace JacobFeeley\Matrix\Models;

use Model;

/**
 * Model
 */
class Provider extends Model
{
    use \October\Rain\Database\Traits\Validation;

    use \October\Rain\Database\Traits\SoftDelete;

    protected $dates = ['deleted_at'];


    /**
     * @var string The database table used by the model.
     */
    public $table = 'jacobfeeley_matrix_providers';

    /**
     * @var array Validation rules
     */
    public $rules = [
    ];

    public $jsonable = [
        'contacts',
        'courses'
    ];

    public $belongsTo = [
        'location' => 'JacobFeeley\Matrix\Models\Location'
    ];

    public function scopeApplyTitle($query, $title)
    {
        return $query->where('title', $title);
    }

    public function scopeApplyLocation($query, $location)
    {
        return $query->where('location', $location);
    }

}

我的位置模型

<?php namespace JacobFeeley\Matrix\Models;

use Model;

/**
* Model
*/
class Location extends Model
{
      use \October\Rain\Database\Traits\Validation;

      use \October\Rain\Database\Traits\SoftDelete;

      protected $dates = ['deleted_at'];


      /**
       * @var string The database table used by the model.
       */
      public $table = 'jacobfeeley_matrix_locations';

      /**
       * @var array Validation rules
       */
      public $rules = [
      ];

      public $hasMany = [
          'providers' => 'JacobFeeley\Matrix\Models\Providers',
          'courses' => 'JacobFeeley\Matrix\Models\Courses'
      ];

      public function scopeApplyTitle($query, $title)
      {
          return $query->where('title', $title);
      }

      public function scopeApplyProvider($query, $provider)
      {
          return $query->where('provider', $provider);
      }

    }
}

我现在可以以此为例来获取伦敦的所有提供者：

Provider::applyLocation('London')->get();

我不知道该怎么做是填充2个前端下拉列表

• 所有提供者中的第一个
• 具有所有位置的第二个位置

这里是我的组件

<form>

    <div class="form-group row">

        <div class="form-group col-md-4">
            <select data-request="" class="form-control s2">
                <option selected disabled>Select Provider</option>

            </select>
        </div>

        <div class="form-group col-md-4">
            <select data-request="" class="form-control s2">
                <option selected disabled>Select Location</option>

            </select>
        </div>

        <div class="form-group col-md-4">
            <select data-request="" class="form-control s2">
                <option selected>Select Course</option>

            </select>
        </div>

    </div>

</form>

如果有人可以帮助我提供代码，我将不胜感激

Answer 1

您的表单应如下所示：

<form>

    <div class="form-group row">

        <div id="providers" class="form-group col-md-4">
            {% partial "@providers" %}
        </div>

        <div id="locations" class="form-group col-md-4">
            {% partial "@locations" %}
        </div>

        <div class="form-group col-md-4">
            <select data-request="" class="form-control s2">
                <option selected>Select Course</option>

            </select>
        </div>

    </div>

</form>

providers.htm部分：

<select data-request="onSelectProvider" class="form-control s2">
    <option selected disabled>Select Provider</option>
{% for provider in providers %}
    <option value="{{ provider.id }}">{{ provider.name }}</option>
{% endfor %}
</select>

和locations.htm：

<select data-request="onSelectLocation" class="form-control s2">
    <option selected disabled>Select Location</option>
{% for location in locations %}
    <option value="{{ locations.id }}">{{ locations.name }}</option>
{% endfor %}
</select>

当然，由于我没有实现的详细信息，因此您需要在引用的模型中调整字段名称。