4，Checkbox勾選操作

4，Checkbox 勾選操作

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),郁南企業(yè)網(wǎng)站建設(shè),郁南品牌網(wǎng)站建設(shè),網(wǎng)站定制,郁南網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,郁南網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

 

-----后臺

 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">父級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();
    }
}

-----前臺

 <%@ 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 }, data: { simpleData: { enable: true} }, callback: {
        beforeClick: beforeClick
        }
    };
    function beforeClick(treeId, treeNode, clickFlag) {
        className = (className === "dark" ? "" : "dark");
        return (treeNode.click != false);
    }
 
    function setCheck() {
        var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
   type = { "Y": "ps", "N": "ps" };//父級子級聯(lián)動
            //type = { "Y": "p", "N": "ps" };//父級聯(lián)動
            //type = { "Y": "s", "N": "ps" };//子級聯(lián)動
            //type = { "Y": "", "N": "ps" };//不聯(lián)動
            zTree.setting.check.chkboxType = type;
    }
    $(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>

 

4，Checkbox 勾選操作

 


整合包下載：http://down.51cto.com/data/1967063

當(dāng)前名稱：4，Checkbox勾選操作
當(dāng)前鏈接：http://bm7419.com/article44/geghhe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、網(wǎng)站營銷、域名注冊、網(wǎng)站建設(shè)、外貿(mào)建站、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作