Tag module

[taiwen]

See https://github.com/taiwen/pi/wiki/Pi-Tag-Module

[voltan]

Example codes for Typeahead

PHP

    public function ajaxAction()
    {
        if ($this->request->isPost()) {
            $params = $this->request->getPost();
            if (isset($params['key']) && !empty($params['key'])) {
                // Get info
                $order = array('count DESC', 'id DESC');
                $columns = array('id', 'term');
                $where = array('term LIKE ?' => '%' . $params['key'] . '%');
                // Set select
                $select = Pi::model('tag', 'tag')->select()->columns($columns)->where($where)->order($order)->limit(10);
                $rowset = Pi::model('tag', 'tag')->selectWith($select);
                foreach ($rowset as $row) {
                    $message[$row->id] = $row->toArray();
                    $result[] = $message[$row->id]['term'];
                }
                // return result
                echo Json::encode($result);
            }
        }
    }

JS in template

    $this->jQuery();
    $this->bootstrap('js/bootstrap.js');

    // For check tag
    $('.tagbar').typeahead({
         minLength: 1,
         source: function (query, process) {
            return $.post("<?php $this->url(...); ?>" , { key: query }, function (data) {
               var result = JSON.parse(data);
                process(result);
            });
         }
    });

Form

            $this->add(array(
                'name' => 'tag',
                'options' => array(
                    'label' => __('Tags'),
                ),
                'attributes' => array(
                    'type' => 'text',
                    'id' => 'tagbar',
                    'description' => '',
                    'autocomplete' => 'off',
                     'data-provide' => 'typeahead',
                     'data-items' => '10',
                     'data-source' => '',
                     'class' => 'tagbar',
                )
            ));

[voltan]

And its good example too : http://welldonethings.com/tags/manager