5，Radio勾選操作
靜海網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)公司！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)公司自2013年起到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)公司。
-----后臺(tái)
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Text;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
public string GetzNodes()
{
StringBuilder sb = new StringBuilder();
sb.Append("<script>");
sb.Append("var zNodes =[");
//*****************************************加入遍歷代碼
for (int i = 0; i < 50; i++)
{
if (i == 0)
{
//父節(jié)點(diǎn)
sb.Append(SetParametes(i.ToString(), "-1", "a"));
}
else if (i < 10)
//子節(jié)點(diǎn)
sb.Append(SetParametes(i.ToString(), "0", "b"));
else
//父節(jié)點(diǎn)
sb.Append(SetParametes(i.ToString(), "-1", "a"));
}
//********************************************************
sb.Append("];");
sb.Append("</script>");
return sb.ToString();
}
/// <summary>
/// 設(shè)置節(jié)點(diǎn)
/// </summary>
/// <param name="id">id</param>
/// <param name="pid">父級(jí)id</param>
/// <param name="name">名稱</param>
/// <param name="open">是否展開？</param>
/// <returns>返回節(jié)點(diǎn)</returns>
private string SetParametes(string id, string pid, string name,bool open=false)
{
StringBuilder sb = new StringBuilder();
sb.Append("{");
sb.AppendFormat("id:{0},",id);
sb.AppendFormat("pId:{0},",pid);
if (open)
{
sb.AppendFormat("name:\"{0}\",", name);
sb.Append("open: true");
}
else
{
sb.AppendFormat("name:\"{0}\"", name);
}
sb.Append(", click:false");
sb.Append("},");
return sb.ToString();
}
}-----前臺(tái)
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="../css/demo_new.css" rel="stylesheet" type="text/css" />
<link href="../css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />
<script src="../js/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="../js/jquery.ztree.core-3.5.js" type="text/javascript"></script>
<script src="../js/jquery.ztree.excheck-3.5.js" type="text/javascript"></script>
</head>
<%=GetzNodes()%>
<script type="text/javascript">
var setting = { check: {enable: true,chkStyle: "radio",radioType: "level"}, data: { simpleData: { enable: true} }, callback: {
beforeClick: beforeClick
}
};
function beforeClick(treeId, treeNode, clickFlag) {
className = (className === "dark" ? "" : "dark");
return (treeNode.click != false);
}
function setCheck() {
//var type = "level";//每一級(jí)可以選擇一個(gè)樹
var type = "all";//整個(gè)樹只能選擇一個(gè)
setting.check.radioType = type;
$.fn.zTree.init($("#treeDemo"), setting, zNodes);
}
$(document).ready(function () { $.fn.zTree.init($("#treeDemo"), setting, zNodes); setCheck(); });
//顯示div
function showdiv() {
$("#zhezhao").fadeIn(300);
$("#treeDemodiv").fadeIn(300);
}
//隱藏div
function closediv() {
$("#zhezhao").fadeOut(300);
$("#treeDemodiv").fadeOut(300);
}
//展示zTree
function showZTree() {
var w = document.documentElement.clientWidth;
var h = document.documentElement.clientHeight;
var l = document.documentElement.clientWidth / 2 - $("#treeDemodiv").width() / 2;
var t = document.documentElement.clientHeight / 2 - $("#treeDemodiv").height() / 2;
$("#zhezhao").css({ "width": w + "px", "height": h + "px", "filter": "alpha(opacity=25)", "-moz-opacity": "0.25", "-khtml-opacity": "0.25", "opacity": "0.25" });
$("#treeDemodiv").css({ "left": l + "px", "top": t + "px" });
showdiv();
}
//確定選中的數(shù)據(jù)
function zTreeOK() {
//獲取勾選的集合
var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
var nodes = treeObj.getCheckedNodes(true);
for (i = 0; i < nodes.length; i++) {
alert(nodes[i].id + "," + nodes[i].name);
}
closediv();
}
</script>
<body>
<form id="form1" runat="server">
<input type="button" value="顯示" onclick="showZTree()">
<!------------------Treediv--------------------->
<div id="treeDemodiv" class="zTreeDemoBackground left">
<ul >
<li ><img onclick="closediv();" title="取消" src="../img/yzfalse.png" /></li>
<li ><img onclick="zTreeOK();" title="確定" src="../img/yztrue.png" /></li></ul>
<ul id="treeDemo" class="ztree"></ul>
</div>
<div id="zhezhao" ></div>
<!------------------Treediv--------------------->
</form>
</body>
</html>
整合包下載：http://down.51cto.com/data/1967063
網(wǎng)頁(yè)標(biāo)題：5，Radio勾選操作
當(dāng)前地址：http://muchs.cn/article40/picceo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、品牌網(wǎng)站建設(shè)、做網(wǎng)站、商城網(wǎng)站、ChatGPT、外貿(mào)建站
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)
- h標(biāo)簽優(yōu)化的重要性有哪些？ 2022-05-28
- 網(wǎng)站META標(biāo)簽優(yōu)化 2023-04-03
- META標(biāo)簽優(yōu)化如何做 2023-04-09
- 不可忽視的圖片ALT標(biāo)簽優(yōu)化 2017-02-27
- 淺析網(wǎng)站tags標(biāo)簽優(yōu)化的重要性 2022-07-27
- 成都網(wǎng)站建設(shè)有哪些標(biāo)簽優(yōu)化是必要的? 2022-07-02
- SEO代碼優(yōu)化，HTML標(biāo)簽優(yōu)化 2021-10-22
- seo培訓(xùn)：網(wǎng)站代碼和標(biāo)簽優(yōu)化 2020-07-23
- 談?wù)劸W(wǎng)站Tags標(biāo)簽優(yōu)化方法 2022-06-06
- 搜索引擎推廣中如何巧用標(biāo)簽優(yōu)化網(wǎng)站？ 2022-09-28
- 網(wǎng)站內(nèi)頁(yè)標(biāo)簽優(yōu)化方法有哪些? 2023-04-30
- 現(xiàn)網(wǎng)站建設(shè)分析網(wǎng)站Tag標(biāo)簽優(yōu)化幾點(diǎn)如下： 2022-06-04