级联选择

开发者文档

根据给定的数据生成下拉框,并且能够级联选择,并取到相应的数据。
修改日志:由原来的一次性获取所有数据改为只获取第一级数据,后面的数据在选中某个节点后获取,并且移除了source参数

1. select,通过标记自动初始化


            
data-toggle='tree'通过在元素上加此属性自动初始化,并生成第一个select,必须在初始化之前指定数据源
data-src="url" 通过ajax或jsonp方式获取数据的url
data-jsonp="true" 为true表示src的url为垮域请求,会以jsonp的形式发送
data-val="[x,y,z]" 初始化的时候的初始值,注意xyz的值必须要能在srouce对象中找到
$(element).data('tree').datas,element为data-toggle='tree'的元素,获取当前的值对象,格式为{value : [], option : []},value代表select的value值,option表示显示的option的文字
$(element).tree('setValue', [x,y,z]) 设置tree的值,参数同初始化的data-val相同

2. select,通过js调用初始化


            
手动调用tree方法,并传入参数
返回数据的格式:
{
  "code" : 200, // 代表请求成功
  "data" : [
    {
      "id" : "id", // id值,用于option的value
      "value" : "value", // 显示的内容,用于option的text
      "parent" : "parent", // 父节点的id,暂无用途
      "isleaf" : "false", // 是否是叶结点,如果为false,则选中此项的时候会根据id获取子节点的数据
    },
    {...},
    ...
  ]
}
名称 类型 默认值 描述
src string null 通过ajax获取数据的url
jsonp boolean false 表示src请求是一个jsonp请求
key string "id" 发送请求时获取数据的参数名,默认为id
placeholder string "请选择" 默认的第一个option,可以传null或空串,则不会出现默认的option
val Array [] 初始化的值,是一个数组,里面的值是option的value值
comments powered byDisqus