mob-multi-picker
v1.2.2
Published
a flexible picker for User-Defined Json
Downloads
246
Readme
Intro
- User-defined JSON. For example, Chinese city JSON.
1. How to use
npm i mob-multi-picker --save-dev
2. How to import
webpack.config.js:
var path = require('path');
module.exports = {
entry : {...},
output : {...},
module : {
loaders :[{
test: /\.css$/,
loader: 'style!css'
}, {
test: /\.js$/,
exclude: path.resolve('./node_modules'),
loader: 'babel',
}]
}
}html：
<body>
<!-- the #targetInput can be any other dom for your convenient-->
<input id="targetInput" type="text" readonly/>
<!-- the #targetContainer must be the outermost dom below body -->
<div id="targetContainer"></div>
</body>js：
import MultiPicker from 'mob-multi-picker';
new MultiPicker({ ... });Parameter List：
| Attributes | Type | Value | Details |
| -----| -----| -----| -----|
| input | {String} |eg:'targetInput' | the id of the dom you touch. |
| container | {String} |eg:'targetContainer'| the id of the container you ready to append dom. |
| jsonData | {Array} |eg:'[{'id':001,'value':'北京市'，'child':[{'id':00101,'value':'朝阳区'}，{'id':00102,'value':'海淀区'}]}]'| user-defined JSON must be legal. A obj is made up of three attrs, id, value and child. |
| success | {function} |function(arr){alert(arr)}| function(arr){} User-defined callback. The first param is the result. And you'll see other prop "index" which means the obj's index depends on the child prop of the straight parent(after v1.2.0).|
The JSON Object:
| Attributes | Type | Details |
| -----| -----| -----|
| id | {String} | the identity of it |
| value | {String} | the value of it |
| child | {Array} | the next linkage of it. If it's the last linkage, the child can be an empty array or null. |
3. Tips
- For questions and issues please use THIS WAY
- You must instantiate it after ready.
- I am Appian.