原创: EasyUI Tree 最后一级 节点 横向排列

原创: EasyUI  Tree 最后一级 节点 横向排列

转载请指明出处

必须要写在: onLoadSuccess 事件中

            ddAuthTree.tree({
                lines: true,
                checkbox: true,
                cascadeCheck: true,
                lines: false,
                url: authTreeUrl,
                onLoadSuccess:function(node,data){
                    ddAuthTree.find("ul >li:not(:has(ul))").css(‘float‘, ‘left‘);   // 选择最后一个节点 并添加 float:left
                    ddAuthTree.find("ul >li:has(ul)").css(‘clear‘, ‘both‘);         // 给非最后节点添加 clear:both 
                },
                onClick: function (node) {

                }
            });
时间: 2024-10-06 06:03:15

原创: EasyUI Tree 最后一级 节点 横向排列的相关文章

关于easyui Tree取得选中节点的父级节点(得到选取实心圆点的id)

官方的jquery.easyui.min.js已经实现了对实心圆点框id的获取,我们看官方如下代码: 如果我们让"_c0"的值变成"indeterminate"那么我们就能够得到想要的结果了,具体实现看如下代码:. var nodes = $('#tt').tree('getChecked','indeterminate'); 这样我们就能得到选中的实心圆点的id了 ,还有要得到选中的id,实现如下: function getChecked(){ var nodes

easyUI tree点击文字展开节点

easyUI默认展开树的时候,点击节点前边的黑色小三角 ,这样操作存在不人性化的地方,在实际使用中由于老旧电脑的存在和大龄使用者的眼花经常点不准:因此要实现点击节点名称展开的方式,其实就是在展开事件上加一个展开该节点的方法. 在onSelect事件中添加 $(this).tree('expand',node.target); 当选中该节点的时候,展开该节点下的节点,该方法只会展开下一级节点,并不会展开子节点下的节点. 如果要展开所有节点: $(this).tree('expandAll',nod

JQuery EasyUi Tree获取所有checkbox选中节点的id和内容

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>    <head>        <meta name="generator" content="HTML Tidy, see www.w3.org">      

Easyui Tree方法扩展 - getLevel(获取节点级别)

Easyui Tree一直就没有提供这个方法,以前没有用到,所以一直没怎么在意,这次自己用到了,顺便扩展了一个方法,分享给大家. $.extend($.fn.tree.methods, { getLevel:function(jq,target){ var l = $(target).parentsUntil("ul.tree","ul"); return l.length+1; } }); 用法: var node = $().tree("getSele

EasyUI Tree判断节点是否是叶

方法1:  $('#domaincatalog').tree('isLeaf', node.target); 返回true或false ,true表示是叶节点, false即不是 方法2:官方文档中:看到每个节点都有一些属性,其中一个是state,我们就通过这个state来判断.state有两个值 open和closed表示当前节点 打开和关闭了树的状态.当state等于undefined的时候就表示当前节点是Leaf 叶了. 在tree的onclick事件上添加判断代码如下 $("#domai

easyui Tree模拟级联勾选cascadeCheck,节点选择,父节点自动选中,节点取消,父节点自动取消选择,节点选择,所有子节点全部选择,节点取消,所有子节点全部取消勾选

最近项目中用到easyui tree,发现tree控件的cascadeCheck有些坑,不像miniui 的tree控件,级联勾选符合业务需求,所以就自己重新改写了onCheck事件,符合业务需求.网上百度了很多资料,都没有完全符合自己业务场景的,所以就自己动手写咯. 先说一下自己的业务需求: 1.选中节点,上级以及所有直系上级节点自动选中,所有下级子孙节点全部自动选中: 2.取消选择节点,如果兄弟节点都未选择,则上级以及所有直系上级节点自动取消选择,所有下级子孙节点全部取消选中. 这里说一下c

EasyUI tree 选中父节点子节点全部选中,选中子节点父节点不选中

需求:EasyUI tree 选中父节点子节点全部选中,选中子节点父节点不选中 效果: /**   * 给树增加onCheck事件,首先使用cascadeCheck:false属性禁止全选,   * 然后获取当前选中节点的所有子节点,在判断其拥有子节点时对其所有字节点   * 进行遍历操作.在easyui中树节点的是否选中不是由checked:true   * 属性来控制,而是由class tree-checkbox0   * 和tree-checkbox1进行控制.--by wk   */  

转载 Easyui Tree方法扩展 - getLevel(获取节点级别)

Easyui Tree一直就没有提供这个方法,以前没有用到,所 以一直没怎么在意,这次自己用到了,顺便扩展了一个方法,分享给大家. $.extend($.fn.tree.methods, { getLevel:function(jq,target){ var l = $(target).parentsUntil("ul.tree","ul"); return l.length+1; } }); 用法: var node = $().tree("getSel

EasyUI tree扩展获取实心节点

<script type="text/javascript"> //扩展 获得tree 的实心节点 $(function(){ $.extend($.fn.tree.methods,{ getCheckedExt: function(jq){ var checked = $(jq).tree("getChecked"); //获取选中的选项 也就是打钩的 var checkbox2 = $(jq).find("span.tree-checkbo