/selector

preview demo

Primary LanguageJavaScript

Selector

一款自我实现的简易 selector 插件

node

安装

$ npm i

$ yarn add

开发

$ npm start

$ yarn start

编译

$ npm run build

$ yarn build

测试

npm run test

yarn test

使用

编译后的 dist 文件夹中包含所有的代码和样式,直接在 html 文件中引用后即可使用

开发时运行命令后直接用浏览器打开根目录下的 index.html即可

可接受原生 select 或 input 组件作为 element

基本用法

$('elementSelector').selector();

自定义数据源

$('elementSelector').selector({
  data: [{
    value: 'apple',
    title: 'Apple',
    disables: true
  }, {
    value: 'pear',
    title: 'Pear'
  }]
})

异步加载数据源

let $selector = $('elementSelector').selector();

$ajax.get('url').then((data) => {
  $selector.setOriginalData(data)
})