配置

配置为一个 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 列表容器模板

此处主要定义 Tag 列表的容器

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

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