jQuery MiniUI 开发教程 表单控件 TreeSelect：树形选择框（十三）

[b]TreeSelect：树形选择框[/b]
[img]http://www.miniui.com/docs/api/images/treeselect.gif[/img]

参考示例： [url=http://www.miniui.com/demo/treeselect/treeselect.html]TreeSelect：树形选择框[/url]

[b]创建TreeSelect[/b]
<input id="select1" class="mini-treeselect" url="../data/listTree.txt"
textField="text" valueField="id" parentField="pid" />

[b]数据结构[/b][
{id: "base", text: "Base", expanded: false},
{id: "ajax", text: "Ajax", pid: "base"},
{id: "json", text: "JSON", pid: "base"},
{id: "date", text: "Date", pid: "base"},
{id: "control", text: "Control", pid: "base"},
{id: "forms", text: "Forms", expanded: false},
{id: "button", text: "Button", pid: "forms"},
{id: "listbox", text: "ListBox", pid: "forms"},
{id: "checkboxlist", text: "CheckBoxList", pid: "forms"},
{id: "lists", text: "Lists", expanded: false},
{id: "datagrid", text: "DataGrid", pid: "lists"},
{id: "tree", text: "Tree", pid: "lists"},
{id: "treegrid", text: "TreeGrid ", pid: "lists"},
{id: "layouts", text: "Layouts", expanded: false},
{id: "panel", text: "Panel", pid: "layouts"},
{id: "splitter", text: "Splitter", pid: "layouts"},
{id: "layout", text: "Layout ", pid: "layouts"},
{id: "navigations", text: "Navigations", expanded: false},
{id: "pager", text: "Pager", pid: "navigations"},
{id: "tabs", text: "Tabs", pid: "navigations"},
{id: "navbar", text: "OutlookBar", pid: "navigations"},
{id: "menu", text: "Menu", pid: "navigations"}
]

相关知识

jQuery MiniUI 开发教程 树形控件 创建树：树形结构（一）
jQuery Mobile：跨平台移动应用开发指南
bootstarp 的表单控件大小设置和class='form
MFC控件：树形控件（CTreeCtrl）
获取员工花名册信息并填充到OA表单
JQuery给表单id元素、HTML标签id元素赋值
三种方法构建Java树形结构，Stream真的厉害
vue项目
前端开发常用技术有哪些？
2020年最新web前端开发免费教程

原文链接: jQuery MiniUI 开发教程 表单控件 TreeSelect：树形选择框（十三） https://www.huajiangbk.com/newsview2489497.html