2. 程式人生 > >jquery easyUI combotree 只允許取捨葉子節點

jquery easyUI combotree 只允許取捨葉子節點

阿新 • • 發佈：2019-02-15
 
1.引入css和js 
Java程式碼  收藏程式碼
  1. <link rel="stylesheet" type="text/css" href="themes/default/easyui.css">  
  2. <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>  
  3. <script type="text/javascript" src="js/jquery.easyui.min.js"></script>  

2.加入標籤 
Java程式碼  收藏程式碼
  1. <input id="ddtree"
     name="ddtree" />  

注:id,用於js操作;name,用於獲取值 
3.加入js程式碼 
Java程式碼  收藏程式碼
  1. $('#ddtree').combotree( {  
  2.     //獲取資料URL  
  3.     url : 'Data',  
  4.     //選擇樹節點觸發事件  
  5.     onSelect : function(node) {  
  6.         //返回樹物件  
  7.         var tree = $(this).tree;  
  8.         //選中的節點是否為葉子節點,如果不是葉子節點,清除選中  
  9.         var isLeaf = tree('isLeaf'
    , node.target);  
  10.         if (!isLeaf) {  
  11.             //清除選中  
  12.             $('#ddtree').combotree('clear');  
  13.         }  
  14.     }  
  15. });  

4.JSON格式 
Java程式碼  收藏程式碼
  1. [ {  
  2.     "id" : 1,  
  3.     "text" : "Folder1",  
  4.     "iconCls" : "icon-ok",  
  5.     "children" : [ {  
  6.         "id" : 2,  
  7.         "text" : "File1"
    ,  
  8.         "checked" : true  
  9.     }, {  
  10.         "id" : 3,  
  11.         "text" : "Folder2",  
  12.         "state" : "open",  
  13.         "children" : [ {  
  14.             "id" : 4,  
  15.             "text" : "File3",  
  16.             "attributes" : {  
  17.                 "p1" : "value1",  
  18.                 "p2" : "value2"  
  19.             },  
  20.             "checked" : true,  
  21.             "iconCls" : "icon-reload"  
  22.         }, {  
  23.             "id" : 8,  
  24.             "text" : "Async Folder",  
  25.             "state" : "closed"  
  26.         } ]  
  27.     } ]  
  28. }, {  
  29.     "text" : "Languages",  
  30.     "state" : "closed",  
  31.     "children" : [ {  
  32.         "id" : "j1",  
  33.         "text" : "Java"  
  34.     }, {  
  35.         "id" : "j2",  
  36.         "text" : "C#"  
  37.     } ]  
  38. } ]  

相關推薦

jquery easyUI combotree 只允許取捨葉子節點

  1.引入css和js  Java程式碼   <link rel="stylesheet" type="text/css" href="themes/default/easyui.css">   <script type="text/javascript" src="js/jque

easyui combotree 只允許選中子節點（後續）

上次提到的第二種方案中重寫onBeforeSelect事件實現效果不好，在此基礎上查閱相關資料發現問題出在原始碼中只重寫onBeforeSelect方法後，還會呼叫onClick方法會將下拉框隱藏。針對以上問題，在不改變原始碼的情況下做了以下修改，重寫以上兩個方法，並在onC

easyui combotree 只選中子節點

本部落格適用於jQuery EasyUI 1.5.1版本本人在開發中根據專案需求，需要用到easyui-combotree元件，選中時只能選中葉子節點，根節點不能被選中，查詢api發現easyui相對於combotree的事件擴充套件自組合（combo）和樹（tree）。查閱

Jquery EasyUI Combotree 初始化賦值

multiple pat spa align tip 點擊 ces === ucc Jquery EasyUI Combotree 初始化賦值 ================================ ?Copyright 蕃薯耀 2018年5月7日 https

easyui tree 判斷是否是葉子節點

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

jquery判斷input只允許輸入數字

<script type="text/javascript">$().ready(function(){$(".error").hide();$('.submit').click(func

如何實現jquery easyui combotree 下拉載入預設選中

    經過多次的測試，發現實現combotree 載入預設選中某個值的方法，常用到修改帶有combotree的用例中，特此記錄下來以備後用： $(function(){//一般是在元素節點載入完畢後初始化 $("#id").combotree({//載入一

jquery easyui combotree

相關依賴 combotree使用 從標記建立combotree  <input id="cc" class="easyui-combotree" url="ashx/OrglistHandler.ashx" required="true"  multiple="tr

jquery easyUI ComboTree使用心得

<select id="cc" class="easyui-combotree" style="width:200px;"data-options="url:'get_data.php',required:true"></select>

jQuery EasyUI — 只選擇combotree的葉子節點

1.定義comboree 當選中的是葉子節點時，返回葉子節點；當選中的不是葉子節點時，拋錯誤訊息，且combotree的值不改變。 EasyUI版本：jquery-easyui-1.4 <input id="cc">$(function(){ $('#cc')

【原】無腦操作：EasyUI Tree實現左鍵只選擇葉子節點、右鍵浮動選單實現增刪改

1 // 記錄新增還是修改 2 var flag; 3 // 臨時儲存選中節點資料 4 var tempNode; 5 6 // 頁面載入 7 $(function () { 8 // 選單樹繫結資料 9 $('#deptTree').

SQL server + ASP.NET MVP + Jquery EasyUI實現樹形節點的增刪改查

最近在做專案時遇到了這樣一個需求，就是做一個系統首頁左側選單的樹形節點的管理。專案後臺資料庫使用的是SQL server 2008，後端框架使用的是微軟的ASP.NET MVC5，前端框架使用的是Jqu

easyui combotree禁止選中父節點

$('#userid').combotree({ url : '${basePath}role/getRoleUser.htm', parentField : 'parent_id', cascadeCheck:false, multiple:true, panelH

easyui combotree 禁止選中父節點

$('#userid').combotree({ url : '${basePath}role/getRoleUser.htm', parentField : 'parent_id', cascadeCheck:false, multiple:true, panelHe

jQuery EasyUI 組合樹(ComboTree)用法

jQuery EasyUI 組合樹(ComboTree) 和組合框的用法差不多，只是在顯示上有點差別：一個顯示成樹狀結構，一個顯示成列表結構。下面來介紹一下組合樹(ComboTree)用法的詳細用法：HTML程式碼<select id="cc" style="width

easyui-combotree實現樹形結構的下拉控制元件，並實現節點回顯

專案開發，臨時的一個需求，將8000條資料整成樹形機構的下拉控制元件，網上找了資料,可以使用easyUI的combotree實現 看了官網資料，combotree需要的資料必須是json資料，json的key為 id,text,children，用的是jsonarray生成

easyui combotree 非同步載入節點 載入值顯示數字id無法顯示文字

在頁面上，使用combotree控制元件的時候，由於節點是非同步載入的，人為點選展開節點，才會載入下層子節點。當combotree載入數值的時候，如果是根節點，則可以展示正常的節點文字在combotree文字框中，如果載入數值的節點id是更深層次的子節點，則無法正常展示節點

easyui combotree設定某節點顯示覆選框

easyui combotree 設定部分節點顯示覆選框 combotree 繼承tree   tree API中提供了checkbox 屬性，但是combotree中沒有，因此需要給combotree加上checkbox 屬性 方法一： //tree.tree($.ext

Easyui combotree 獲取根節點以及所有節點的方法

一、設定combotree預設選中根節點  程式碼： //初始裝置型別下拉列表 $("#deviceType").combotree({     panelHeight : 180,     editable : false,     idField : 'id',    

如何判斷EasyUi中treegride的某一節點是不是葉子節點

  //獲取選中行      var rows = $("#user").treegrid("getChecked");    var ids = "";    for(var i = 0;i<