配置

配置为一个 JSON 对象，大致形式及说明如下：

var opts_tag = {
    maxTags: 5, // 最多 Tag（默认为 5 个）
    minChar: 0, // 最小字符（大于此值才会添加，默认为 0 无限制）
    addOnBlur: true, // 失去焦点时添加（默认为 true）
    highlight: true, // 关键词高亮
    confirmKeycodes: [
        // 添加键码
    ],
    class_name: {
        // 类名定义
    },
    selector: {
        // 选择器定义
    }
    tpl: {
        // 模板定义
    },
    remote: {
        // 远程查询
    }
};

• remote 远程查询，必需
• selector 选择器定义
• class_name 类名定义
• confirmKeycodes 添加键码
• tpl 对话框模板

remote 远程查询

var opts_tag = {
    // ...
    remote: {
        url: '',
        wildcard: '%KEY'
    },
    // ...
};

selector 选择器定义

var opts_tag = {
    // ...
    selector: {
        tag_list: '.bg-tag-list',
        tag_item: '.bg-tag-item'
    },
    // ...
};

class_name 类名定义

var opts_tag = {
    // ...
    class_name: {
        tag_list: 'bg-tag-list',
        tag_item: 'bg-tag-item'
    },
    // ...
};

confirmKeycodes 添加键码

定义哪些键盘键按下时添加 Tag

var opts_tag = {
    // ...
    confirmKeycodes: [13, 186, 188],
    // ...
};

默认值中，13 为回车键 Enter、186 为分号 ;、188 为逗号 ,。

Tag 列表容器模板

此处主要定义显示提交结果的消息，用到 bootstrap 的 modal 组件

请留意模板与 selector 对象的关联

var opts_tag = {
    // ...
    tpl: '<div class="bg-tag-list"></div>'
    // ...
};