easyui和zTree分别实现树型下拉框

最新推荐文章于 2022-05-24 09:41:16 发布

Annie-ax

最新推荐文章于 2022-05-24 09:41:16 发布

阅读量4k

点赞数

本文链接：https://blog.csdn.net/u010899627/article/details/76685663

版权

本文介绍了在项目中如何使用easyui的comboTree和zTree分别实现树型下拉框，虽然easyui的效果更佳，但可能与整体的bootstrap风格不符。文章提供了前端代码示例，供日后参考。

摘要由CSDN通过智能技术生成

最近工作中需要用到树型下拉框，因为项目中树形结构使用的是zTree，然后就百度，结果出来效果不好看，后来就试着用了easyui的comboTree，虽然比较好看，但是跟整体的bootstrap风格有点儿不搭。现在贴出来两种方式及效果，以后备用。

方式一，使用zTree

前端代码：

<div class="form-group">
    <label>点击事件：</label>
    <input id="selectActionType" class="form-control" οnfοcus="showActionTypeTree()" οnclick="showActionTypeTree()" readonly="readonly" style="border-radius:5px;background-color: white;cursor: default;"/>
    <input type="hidden" name="actionTypeId" id="actionTypeId"/>
    <div id="actionTreeContent" class="menuCo