Ngu ngơ học làm web (x22) - CakePHP2 - Chức năng tìm kiếm

Tiếp theo của: Ngu ngơ học làm web (x21) - CakePHP2 – Element pagination.ctp
-----

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
-----------
Xem thêm:
Tổng hợp các bài viết về Ngu ngơ học làm web