laravel - 十月CMS:Ajax 处理程序
问题描述
我使用 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 个前端下拉列表
- 第一个与所有proivders
- 第二个包含所有位置
这是我的组件
<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>
如果有人可以帮助我解决代码,我将不胜感激
解决方案
您的表单应如下所示:
<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>
当然,您需要调整引用模型中的字段名称,因为我没有您的实现细节。
推荐阅读
- android - 颤振循环
- github - 无法解析代理:proxy.server.com
- python - 从非常大的 BigQuery 表中读取小批量的最佳方法?
- list - 标记来自 2 个不同列表的差异
- python - IndexError:将 dask 数组分配给 dask DataFrame 列时,元组索引超出范围
- reactjs - 警告:在我的 React 应用程序中收到非布尔属性的 `true`。从 api 传递数据
- python - Bigquery - 我如何将数据插入嵌套表
- json - 如何使用 uint8 将 json 解组为 struct
- maven - 通过 maven 插件在 OpenLiberty 中安装默认数据源
- reactjs - 如何在打字稿和反应项目中重构一种类型的表达式