# gap-front-zselect

> ## Install

Latest version **4.0.9** (published 2019-02-27) · ISC license · 0 weekly downloads

## Install

```sh
npm install gap-front-zselect
pnpm add gap-front-zselect
yarn add gap-front-zselect
bun add gap-front-zselect
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 4.0.9 |
| Published | 2019-02-27 |
| First published | 2017-09-28 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 18.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | zhanjh |
| Maintainers | captainxu, cyjme, patrickstar, weiwenqiang, zhanjh |
| Keywords | Gap, zselect |

## Links

- npm: https://www.npmjs.com/package/gap-front-zselect
- Repository: https://github.com/gaptree/gap-front-zselect
- npm.io page: https://npm.io/package/gap-front-zselect

## Dependencies (3)

- [gap-front-web](https://npm.io/package/gap-front-web.md) ^1.2.11
- [gap-front-view](https://npm.io/package/gap-front-view.md) ^3.0.8
- [gap-front-event](https://npm.io/package/gap-front-event.md) ^2.0.0

## Recent versions

- 4.0.9 (latest) — 2019-02-27
- 4.0.8 — 2019-02-27
- 4.0.7 — 2019-02-26
- 4.0.6 — 2019-02-26
- 4.0.5 — 2019-02-25
- 4.0.4 — 2018-12-13
- 4.0.3 — 2018-12-12
- 4.0.2 — 2018-12-12
- 4.0.1 — 2018-12-12
- 4.0.0 — 2018-08-17
- 3.1.5 — 2018-08-16
- 3.1.4 — 2018-07-11
- 3.1.3 — 2018-07-08
- 3.1.2 — 2018-07-07
- 3.1.1 — 2018-06-21
- … 24 more at https://npm.io/package/gap-front-zselect/versions

## README

# Gap Front Zselect

## Install

```
$ yarn add gap-front-zselect
```

## Usage

```javascript
import {Zselect} from 'gap-front-zselect';
import {oneElem} from 'gap-front-web';
import {userRepo} from '../../mock/userRepo.js';

const select = new Zselect({
    required: 'required',
    name: 'userId',
    isMulti: true,
    pattern: {
        content: '#{nick} (#{email})',
        selected: '',
        value: '#{userId}'
    }
});

select.onQuery(query => userRepo.query(query));
userRepo.onLoad(users => select.showDropList(users));

select.appendTo(oneElem('.zselect-container'));
```

---
_Source: https://npm.io/package/gap-front-zselect · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._