jquery easyui tree控件複選框選擇處理

時間 2019-11-11

標籤 jquery easyui tree 控件複選框選擇處理欄目 JQuery 简体版

原文原文鏈接

------上級狀態改變(勾選或取消勾選)，全部下級狀態跟着改變 ,在tree控件的onCheck事件中實現---------javascript

cascadeCheck: false,//默認爲true表示上下級勾選聯動，false表示取消聯動
onCheck: function (node, checked) {
var childList = $(this).tree('getChildren', node.target);css

if (childList.length == 0) return;html

--------------------------------------------------------------------------------------------------------jquery

<!DOCTYPE html>ajax

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>報表設置</title>
<link href="Resource/Js/jquery-easyui-1.4.1/themes/default/easyui.css" rel="stylesheet" />
<link href="Resource/Js/jquery-easyui-1.4.1/themes/icon.css" rel="stylesheet" />
<script src="Resource/Js/jquery-easyui-1.4.1/jquery.min.js"></script>
<script src="Resource/Js/jquery-easyui-1.4.1/jquery.easyui.min.js"></script>
<style type="text/css">
a:focus {
outline-style: none;
-moz-outline-style: none;
}
</style>
</head>
<body>
<div class="easyui-layout" style="width: 480px; height: 380px;">
<div data-options="region:'south',split:true" style="height: 50px; padding: 8px; border: 0px solid #ccc; text-align: center;">
<a id="save" class="easyui-linkbutton">保存</a>
</div>
<div data-options="region:'center',title:'選擇區域',iconCls:'icon-save'">
<ul id="classTree">
</ul>
</div>
</div>
</body>
<script type="text/javascript">
var treeId = "classTree";
$(function () {
$('#' + treeId).tree({
checkbox: true,
url: 'ReportReportSet.aspx?action=inittree',
cascadeCheck: false,//默認爲true表示上下級勾選聯動，false表示取消聯動
onCheck: function (node, checked) {
var childList = $(this).tree('getChildren', node.target);dom

if (childList.length == 0) return;ui

});

//保存
$("#save").click(function () {
var ids = getClassChecked(treeId);
$.ajax({
type: "get",
url: "ReportReportSet.aspx?action=save&ids=" + ids,
success: function (msg) {
layer.Invoke.Top.Alert(msg);
}
});
});

});

//獲取選中節點 function getClassChecked(tvClassId) { var nodes = $('#' + tvClassId).tree('getChecked'); var s = ''; for (var i = 0; i < nodes.length; i++) { if (s != '') s += ','; s += nodes[i].id; } return s; } //獲取url參數值: alert(GetQueryString("參數名1")); function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; } </script> </html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。