项目作者: jumplee

项目描述 :
基于ztree的一个树形下拉菜单
高级语言: JavaScript
项目地址: git://github.com/jumplee/treeSelect.git
创建时间: 2015-08-07T12:05:17Z
项目社区:https://github.com/jumplee/treeSelect

开源协议:

下载


安装

引入js和css

  1. <link rel="stylesheet" href="lib/ztree/zTreeStyle.css"/>
  2. <link rel="stylesheet" href="dist/treeSelect.css"/>
  3. <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.js"></script>
  4. <script src="lib/ztree/jquery.ztree.core-3.5.js"></script>
  5. <script src="dist/treeSelect.js"></script>

使用

  1. var sexNode=[
  2. {
  3. name:'男',
  4. value:'1',
  5. children:[
  6. {
  7. name:'好基友'
  8. }
  9. ]
  10. } ,
  11. {
  12. name:'女',
  13. value:'2'
  14. }
  15. ];
  16. var sexInput=new TreeSelect({
  17. element:'#sex',
  18. data:sexNode
  19. });

配置(option)

element:jquery选择器
data:ztree格式的数据源

开发

1.使用babel来进行编译 需要先安装babel

2.执行bash

  1. babel treeSelect.js --out-file dist/treeSelect.js --source-maps --watch