修改layui使用treeSelect.js时data为非必填

最新推荐文章于 2024-06-20 11:09:26 发布
最新推荐文章于 2024-06-20 11:09:26 发布
阅读量728 收藏
点赞数 1
分类专栏： layui 学习分享 文章标签： layui vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/facebook47/article/details/121462678
版权

        最近在开发的时候，需要使用 treeSelect 来完成下拉框里面的树，但是由于项目是vue+layui的组合的前后端完全分离项目（不要骂我，公司非要用layui,但我实在忘了jquery了），所有请求都通过过滤器访问后台，所以使用treeSelect.js的时候，data异步请求数据的地址，这就有点麻烦了，虽然也可以通过headers来配置，但还是统一一点比较好。

        其实修改起来也非常简单，在此只是做一下记录。

只需要将默认的ajax请求屏蔽掉，然后将data替换成我们传进来的json格式的data即可

 

facebook47
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Js、Java --- layui组件 treeSelect树形下拉框如何使用，后台无限上下级数据树。(代码直接用)
ichigo_15_的博客
06-17 588
先看样式：
layui-树型选择器
qq_36259105的博客
08-24 1488
layui树型选择器 下载treeSelect.js到项目中： 数据库上 表中必须要有id,和pid,其中pid是父亲节点，存在值为0，就是根，其他字段都可以随意。 前端上 //前端页面上 <input type="text" name="href" id="tree_cat" lay-verify="required" lay-filter="tree" value="" lay-reqtext="选择框的默认提示内容" class="layui-input" > // 前端scrip
treeSelect.js
07-31
select下拉框选择时，不一定是一级的，如果有多级选择需求时，则可以使用本脚本。 原treeselect位提供自定义解析json数据的功能，该文件增加了这一功能，可以简单修改后台传回的json数据格式
Treeselect是介绍及使用（梳理了我使用这个组件遇到的大部分问题）
最新发布
qq_71214810的博客
06-20 1475
这里梳理了我使用这个Treeselect组件遇到的大部分问题，希望大家多多补充，感谢
Treeselect树形组件以及-其他树形组件的使用
Change!
10-25 2681
1.下载插件 npm install @riophae/vue-treeselect --save 2.页面中引入，声明组件 import Treeselect from '@riophae/vue-treeselect' import '@riophae/vue-treeselect/dist/vue-treeselect.css' components: { Treeselect } 3-1.页面使用 <el-form-item label="商铺类型" prop="shopTypeId"&g
LayUI树形下拉多选选择器扩展包
03-21
LayUI树形下拉多选选择器扩展包
Layui下拉树形菜单，Layui树形下拉
weixin_43992507的博客
10-06 2100
Layui下拉菜单树形 效果图 使用方式 前往下载：https://gitee.com/wujiawei0926/treeselect 或者到使用底部的源码 首先引入treeSelect.js layui.config({ base: "" }).extend({ treeSelect: "/js/util/layui-module/treeSelect" }); 然后引用 layui.use(["treeSelect"], function() { var treeSelect =
LayUI下拉树TreeSelect的使用
热门推荐
小马同学
12-30 3万+
树形结构在实际开发中是很长用的一种结构。最近写了一个LayUI的小案例，其中用到了TreeSelect，这里整理一下。 TreeSelect官网地址：https://fly.layui.com/extend/treeSelect/ 显示效果图。 因为TreeSelect不是LayUI官方开发的，而是第三方基于LayUI开发的，所以需要先用Layui引入一下文件。 之后页面只需要引入...
layui扩展组件之树形下拉多选组件
12-19
//LayUI扩展组件之treeselect.js by:Van 这是一个基于ztree.js和layui扩展的树形下拉多选组件
treeSelect.zip
03-07
基于Layui的树形组件选择器插件工具包，基于Layui的树形组件选择器, 基于Layui的树形组件选择器
layui组件之树形下拉框
04-22
layui组件之树形下拉框例子，看完你就会写下拉树了。不过同时还需要下载ztree的相关js和style 不过压缩包里都有呢！希望对大家有所帮助
layui.js 下载
08-18
layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。layui 首个版本发布于 2016 年金秋，她区别于那些基于 MVVM 底层的 UI 框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，她更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。
layui扩展第三方插件js包
06-25
layui扩展的第三方jq插件，可以拿来即用，方便快捷。
【Layui-treeSelect】Select 树状下拉 遇到的问题
aadnf的博客
04-13 742
Select 树状下拉 treeSelect.checkNode('tree', 3); 时报错 Cannot read property 'getNodeByParam' of null
layui 树状下拉框
星星点灯的博客
07-31 1417
准备 先获取treeSelect.js文件 原js文件不提供自定义解析jsondata的功能，需要自己在源码里面修改。 treeselect.js文件已上传至我的资源 使用 1、script引用 <script type="text/javascript" src="js/treeSelect.js"></script>； 2、layui.use加上“treeSelect”， 3、var treeSelect = layui.treeSelect 4、 function XMTr
记layui的treeselect三层选择出错解决办法
studentza的博客
09-24 837
这个其实也不是很困难的事情，因为今天无意中用到发现此bug，看网络上没有这个bug的说明和解决办法，记一下给有需要的人。 问题场景重现： 拿网上的demo为例： 看一下这个树形select框，并且是在下拉选可以模糊查询的情况下如下图： 我们看到下拉中有一个元素叫添加用户，那我们查询“加”如果按预期我们会找到这个元素的。 但事实是我们输入完并未找到这个元素，如下图： 先说一下解决办法吧，修改一下treeSelect.js的代码： checkNodes: function (nodes) {
layui treeselect no( reading ‘name‘)错误，导致checkNode无法选中节点
qq_48716989的博客
12-31 1006
这是checkNode会跳转到这个地方执行 TreeSelect.prototype.checkNode = function(filter, id){ var o = obj.filter(filter), treeInput = o.find('.layui-select-title input'), treeObj = obj.treeObj(filter), node = treeObj.getNodeByParam("id", id, n
对layui tree 和输入框结合扩展 treeSelect
qq_20448967的博客
07-05 9556
扩展lyaui的组件 效果图如下用法如下：&lt;input type="text" id="treeSelect" autocomplete="off" class="layui-input " &gt;js:treeSelect.render({ elem:"#treeSelect", url:"portal", type:'GET',
layui插件treetable与treeSelect的使用---随笔
qq_39668819的博客
03-07 2520
treetable简单使用效果图展示 treeSelect使用效果图展示 首先引入插件所需的依赖 #具体地址根据实际情况而定 <link rel="stylesheet" type="text/css" href="../../static/integration/layui/css/layui.css" th:href="@{/integration/layui/css/l...
layUI中使用treeselect
08-25
在 LayUI 中使用 treeselect 组件，您可以按照以下步骤进行操作： 1. 确保您已引入了 LayUI 库。可以通过以下方式引入： ```html <link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值