189 8069 5689

4,Checkbox勾选操作

4,Checkbox 勾选操作

创新互联是一家集网站建设,郁南企业网站建设,郁南品牌网站建设,网站定制,郁南网站建设报价,网络营销,网络优化,郁南网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

 

-----后台

 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("");
        return sb.ToString();
    }
    /// 
    /// 设置节点
    /// 
    /// id
    /// 父级id
    /// 名称
    /// 是否展开?
    /// 返回节点
    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" %>



    
    
    
    
    
    
    
    

<%=GetzNodes()%>

    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" };//父级子级联动
            //type = { "Y": "p", "N": "ps" };//父级联动
            //type = { "Y": "s", "N": "ps" };//子级联动
            //type = { "Y": "", "N": "ps" };//不联动
            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();
    }
    //确定选中的数据
    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();
    }


    
    
             
            
                    
                
                
                
                
            
            
                            

 

4,Checkbox 勾选操作

 


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


分享文章:4,Checkbox勾选操作
转载注明:http://cdxtjz.com/article/geghhe.html

其他资讯