开发者文档
根据给定的数据生成下拉框,并且能够级联选择,并取到相应的数据。
修改日志:由原来的一次性获取所有数据改为只获取第一级数据,后面的数据在选中某个节点后获取,并且移除了source参数
1. select,通过标记自动初始化
data-toggle='tree'
通过在元素上加此属性自动初始化,并生成第一个select,必须在初始化之前指定数据源data-src="url"
通过ajax或jsonp方式获取数据的urldata-jsonp="true"
为true表示src的url为垮域请求,会以jsonp的形式发送data-val="[x,y,z]"
初始化的时候的初始值,注意xyz的值必须要能在srouce对象中找到$(element).data('tree').datas
,element为data-toggle='tree'
的元素,获取当前的值对象,格式为{value : [], text : []},value代表select的value值,text表示显示的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值 |