JQuery/JS插件 jstree 设置节点的图标样式
2023-09-11 14:22:27 时间
方法一:
1、在配置文件中增加预设样式
$("#plugins1").jstree({ "checkbox": { //"keep_selected_style": true//显示选中的样式 //"keep_selected_style": false,// 保持选中样式 true为保持,false为不保存,样式不影响功能 'three_state': true,//父子节点关联,true为关联,false为不关联 'tie_selection': false, // 'whole_node': false,//复选框与节点关联 true 为关联 false为不关联 }, "types": { 'nouser': { "icon": 'layui-icon layui-icon-ok' } }, "plugins": ["checkbox", "types"],//加载插件 checkbox 'core': { 'expand_selected_onload': true,//加载完成后默认展开所有选中节点true为选中 false为不展开 'themes': { dots: true //取消连接线 }, 'data': data } });
核心代码:
"types": { 'nouser': { "icon": 'layui-icon layui-icon-ok' } }, "plugins": ["types"],//加载插件 checkbox
2、修改数据源,增加type字段
type: 'nouser'//设置图标类型
方法二:
1、在配置文件中增加预设样式,跟方法一一样
2、
$('#plugins1').on("load_node.jstree", function (event, data) { var nodes = data.instance._model.data; for (var i in nodes) { var node = nodes[i]; data.instance.set_type(node, 'nouser');//关键代码 } });
效果预览:
相关文章
- JQuery动态table添加行删除行
- JS框架_(JQuery.js)动画效果鼠标跟随
- Jquery - 获取所有子节点 ( 并删除 )
- js jquery - 获取元素(父节点,子节点,兄弟节点),元素筛选 (转载)
- jquery对象和javascript对象相互转换
- jQuery如何给body绑定事件?
- 第一百八十节,jQuery-UI,知问前端--消息提示 UI
- 2015-7-18(jQuery全屏滚动插件fullPage.js)
- JQuery-zTree.js使用范例
- jQuery --- 实现 checkbox 样式的单选框
- jQuery手机菜单
- paip.提升效率--数据绑定到table原理和流程Angular js jquery实现
- three.js(JS 三维模型库)介绍和入门
- js jquery手指滑动,上滑,下滑,左滑,右滑,事件监听
- css js jquery移动动画
- jQuery UI 实例 - 缩放(Resizable)
- jquery升级到新版本报错[jQuery] Cannot read property ‘msie’ of undefined错误的解决方法(转)
- js-jquery-SweetAlert2【二】配置与方法
- jquery.validate+jquery.form提交的三种方式