-----
Phần x22. CakePHP2
– Chức năng tìm kiếm
Xem (clip số 24d – chickenrainshop):
- Trang tìm kiếm + nút tìm kiếm (search)
- Hủy bỏ thẻ div của một input trong
helper (5":57)
- Gán giá trị title bằng helper (10":46)
Thêm các dòng mã sau cho [chickenrainshop.css]
.search-input {
height: 30px;
}.
.search-input input[name='data[Book][keyword]'] {
width: 550px;
padding: 4px;
margin-top: 2px;
margin-left: 2px;
margin-right: 2px;
border-radius: 5px;
}
[View\Books\search.ctp]
<div class="panel panel-info">
<h4
class="panel-heading"><span class="glyphicon
glyphicon-search"></span>Tìm kiếm</h4>
<?php echo
$this->Form->create('Book', ['url' => ['action' =>
'get_keyword'],'novalidate' => true, 'class' => 'form-inline']); ?>
<p
class="search-input">
<?php
if (isset($keyword)): ?>
<?php
echo $this->Form->input('keyword',
[
'label'
=> '',
'placeholder'
=> 'tên sách, tên tác giả...',
'error'
=> false,
'type'
=> 'text',
'required'
=> false,
'value'
=> $keyword,
'class'
=> 'col-lg-9',
'div'
=> false
]);
?>
<?php
else: ?>
<?php
echo $this->Form->input('keyword',
[
'label'
=> '',
'placeholder'
=> 'tên sách, tên tác giả...',
'error'
=> false,
'required'
=> false,
'class'
=> 'col-lg-9',
'div'
=> false
]);
?>
<?php
endif ?>
<?php
echo $this->Form->button('Tìm', ['type' => 'submit', 'class' =>
'col-lg-2 btn btn-primary']); ?>
<?php
echo $this->Form->end(); ?>
</p>
</div>
<div class="panel">
<?php if
(isset($errors)): ?>
<div
class="alert alert-danger">
<?php
foreach ($errors as $error): ?>
<?php
echo $error[0]; ?>
<?php
endforeach ?>
</div>
<?php endif
?>
<?php if
(isset($results) && $notFound == false): ?>
Kết
quả tìm kiếm của từ khóa <strong><?php echo $keyword;
?></strong> <br>
<?php
echo $this->element('book', ['books' => $results]); ?>
<?php
elseif($notFound == true): ?>
Không
tìm thấy quyển sách này!
<?php endif
?>
</div>
<?php if (isset($results) && $notFound == false):
?>
<?php
echo $this->element('pagination'); ?>
<?php endif ?>
-----------
Cập nhật 27/5/2017
-----------