QUI框架：美化的树形下拉框组件

"QUI树形下拉框是一个美化的、可自定义外观的JavaScript组件，适用于需要呈现树状结构数据的下拉选择场景。它基于zTree组件，并且具有良好的浏览器兼容性，从IE6到现代浏览器都能良好运行。这个组件提供了一系列特性，包括但不限于以下几点： 1. **美化及自定义外观**：使用JavaScript渲染，通过CSS和图片控制样式，允许用户方便地调整外观。在IE6中没有浮动层遮挡的问题。 2. **简单使用**：只需引入相关的JS和CSS文件，然后在HTML中添加特定的结构，如`<div class="selectTree" treeType="ztree" id="sel01"><ul id="treeDemo" class="ztree"></ul></div>`，并提供JSON数据来构建树形结构。 3. **控制节点选中**：通过在JSON数据中设置`clickExpand:true`，可以让某个节点在点击时不被选中，而只是展开其子节点。 4. **关闭事件**：可以监听selectTree的div元素的close事件，便于在内容层关闭时处理选中项，比如更新隐藏表单元素以备提交。 5. **自定义图标**：每个节点都可以设置自己的图标，增强了视觉表现力。 6. **宽度处理**：自动适应内容宽度，也可以手动设定下拉框和内容层的宽度。 7. **编辑功能**：通过添加`editable="true"`属性，下拉框可以变为可编辑状态。 8. **AJAX数据加载**：支持通过AJAX动态加载下拉框中的树结构数据。 9. **多选模式**：添加`multiMode="true"`后，组件转变为树形多选下拉框，选择完成后鼠标悬停可显示已选选项。 10. **不分组多选**：调整JSON数据结构，可以实现不分组的多选下拉框效果。 11. **验证机制**：能与QUI框架的验证机制结合，轻松为树形下拉框添加验证功能。 12. **动态操作**：支持动态增加、删除和修改下拉框中的选项，结合AJAX可以实现更灵活的功能。 13. **完美兼容性**：无论是在IE6至IE9，还是Firefox、Chrome、Safari等现代浏览器，甚至是Linux环境，组件都能保持一致的功能和外观。 此组件的内部树结构依赖于zTree组件，开发者对zTree组件的作者表示了感谢。" 这个组件为Web应用提供了强大的树形下拉框解决方案，使得在网页中处理树状结构数据变得更加便捷和美观。