我有一个下拉菜单,用于按类别过滤图片。我的第一个问题是我希望在过滤器之后选择所选的选项,我该怎么做?
这是我第一次使用Laravel,我想知道我的解决方案是否朝着正确的方向发展(现在我在两个函数中都有相同的代码,我正计划修复它),但我不能真的找出了做到这一点的最好方法。我可以使用一个类别或null的函数吗?
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" value="">Show all</button>
<ul class="dropdown-menu" role="menu">
@foreach ($categories as $category)
<li value="{{ $category->id }}"><a href="{{$category->id}}">{{ $category->name }}</a></li>
@endforeach
</ul>
</div>
路由
Route::get('/', array('uses' => 'MyController@index'));
Route::get('/{category?}', array('uses' => 'MyController@filter'));
控制器
public function index()
{
$images = Image::all();
$categories = ..\Models\Category::all();
return View::make('index', array('images' => $images, 'categories' => $categories));
}
public function filter($category){
$images = Image::where('category_id', '=', $category);
$categories = ..\Models\Category::all();
return View::make('index', array('images' => $images, 'categories' => $categories));
}
答案 0 :(得分:1)
在您的视图中,添加一个条件以检查循环中的当前类别是否为选定的类别。
@foreach ($categories as $category)
@if($category->id == Input::get('category')
// echo category as selected
@else
// echo category
@endif
@endforeach
您可能需要使用html <select>
。
您可以使用相同的方法来组合这两个功能。
if(Input::has('category'))
$images = Image::where('category_id', '=', $category);
else
$images = Image::all();
这应该有效,因为您使用的是可选路由参数。
<强>更新强>
使用select如下:
@foreach ($categories as $category)
<select onchange="filter(this.value)">
@if($category->id == Input::get('category')
<option selected="selected" value="{{ $category->id }}">{{ $category->name }}</option>
@else
<option value="{{ $category->id }}">{{ $category->name }}</option>
@endif
</select>
@endforeach
使用onchange
属性将调用javascript函数,然后您可以使用重定向。
<script>
function filter(id)
{
window.location.href = {{ URL::action('Controller@filter') }} + '/' + id;
</script>
其中filter
是控制器中的功能。