easyui 中的treegrid添加checkbox

<script type="text/javascript">

function show(checkid){

      var s = '#check_'+checkid;

      //alert( $(s).attr("id"));

      // alert($(s)[0].checked);

      /*选子节点*/

       var nodes = $("#test").treegrid("getChildren",checkid);

       for(i=0;i<nodes.length;i++){

          $(('#check_'+nodes[i].id))[0].checked = $(s)[0].checked;

       }

       //选上级节点

       if(!$(s)[0].checked){

         var parent = $("#test").treegrid("getParent",checkid);

         $(('#check_'+parent.id))[0].checked  = false;

         while(parent){

           parent = $("#test").treegrid("getParent",parent.id);

            $(('#check_'+parent.id))[0].checked  = false;

         }

       }else{

         var parent = $("#test").treegrid("getParent",checkid);

         var flag= true;

         var sons = parent.sondata.split(',');

         for(j=0;j<sons.length;j++){

            if(!$(('#check_'+sons[j]))[0].checked){

            flag = false;

            break;

            }

         }

         if(flag)

         $(('#check_'+parent.id))[0].checked  = true;

         while(flag){

             parent = $("#test").treegrid("getParent",parent.id);

            if(parent){

            sons = parent.sondata.split(',');

            for(j=0;j<sons.length;j++){

            if(!$(('#check_'+sons[j]))[0].checked){

            flag = false;

            break;

            }

           }

         }

          if(flag)

         $(('#check_'+parent.id))[0].checked  = true;

         }

       }

    }

    function formatcheckbox(val,row){

 return "<input type='checkbox' onclick=show('"+row.id+"')

id='check_"+row.id+"' "+(row.checked?'checked':'')+"/>" + row.name;

    }

    function init(){

     //去掉结点前面的文件及文件夹小图标

      $(".tree-icon,.tree-file").removeClass("tree-icon tree-file");

      $(".tree-icon,.tree-folder").removeClass("tree-icon tree-folder tree-folder-open tree-folder-closed");

    }

    //获取选中的结点

function getSelected(){

    var idList = "";

     $("input:checked").each(function(){

        var id = $(this).attr("id"); 

        if(id.indexOf('check_type')== -1 && id.indexOf("check_")>-1)

            idList += id.replace("check_",'')+',';

     })

    alert(idList);

}

  </script>

</head>

  <body onload="init()">

  <input type="button" value="showselectNode" onclick="getSelected();">

   <table id="test" title="Folder Browser" class="easyui-treegrid" style="width:400px;height:300px"

            url="treegrid_data.json"

            rownumbers="true"

            idField="id" treeField="name">

        <thead>

            <tr>

                <th field="name" width="160" formatter="formatcheckbox">Name</th>

                <th field="size" width="60" align="right">Size</th>

                <th field="date" width="100">Modified Date</th>

            </tr>

        </thead>

    </table>

  </body>

</html>

[{

    "id":"type_1",

    "name":"C",

    "size":"",

    "date":"02/19/2010",

    "sondata":"type_2,type_3",

    "children":[{

        "id":"type_2",

        "name":"Program Files",

        "size":"120 MB",

        "date":"03/20/2010",

        "checked":true,

        "sondata":"21,22",

        "children":[{

            "id":21,

            "name":"Java",

            "size":"",

            "date":"01/13/2010",

            "state":"closed",

            "sondata":"211,212",

            "children":[{

                "id":211,

                "name":"java.exe",

                "size":"142 KB",

                "date":"01/13/2010",

                "sondata":""

            },{

                "id":212,

                "name":"jawt.dll",

                "size":"5 KB",

                "date":"01/13/2010",

                "sondata":""

            }]

        },{

            "id":22,

            "name":"MySQL",

            "size":"",

            "date":"01/13/2010",

            "state":"closed",

            "sondata":"221,222,223",

            "children":[{

                "id":221,

                "name":"my.ini",

                "size":"10 KB",

                "date":"02/26/2009",

                "sondata":""

            },{

                "id":222,

                "name":"my-huge.ini",

                "size":"5 KB",

                "date":"02/26/2009",

                "sondata":""

            },{

                "id":223,

                "name":"my-large.ini",

                "size":"5 KB",

                "date":"02/26/2009",

                "sondata":""

            }]

        }]

    },{

        "id":"type_3",

        "name":"eclipse",

        "size":"",

        "date":"01/20/2010",

        "sondata":"31,32,33",

        "children":[{

            "id":31,

            "name":"eclipse.exe",

            "size":"56 KB",

            "date":"05/19/2009",

            "sondata":""

        },{

            "id":32,

            "name":"eclipse.ini",

            "size":"1 KB",

            "date":"04/20/2010",

            "sondata":""

        },{

            "id":33,

            "name":"notice.html",

            "size":"7 KB",

            "date":"03/17/2005",

            "sondata":""

        }]

    }]

}]

easyui 中的treegrid添加checkbox的更多相关文章

求助关于jquery easyUI中的treegrid组件，请各位帮忙给个思路，谢谢啦
现在项目中用到jquery easyUI中的treegrid组件,已经可以正常显示了.但是在保存的时候遇到问题,页面上参照官网的例子可以在页面更新,但是怎么获取编辑后的数据进而保存到数据库呢?
wpf中为DataGrid添加checkbox支持多选全选
项目中用到DataGrid, 需要在第一列添加checkbox, 可以多选.全选. 其中涉及的概念DataTemplate, DataGridCellStyle, DataGridCellContro ...
jquery easyui 中tab页添加其他页面，href与content的用法与区别
//tab页增加 function addPanel(name,url){ var dd = $('#tt').tabs('exists',name); if(dd){ $('#tt').tabs(' ...
Jquery EasyUI中treegrid
Jquery EasyUI中treegrid的中右键菜单和一般按钮同时绑定事件时的怪异事件 InChatter系统开源聊天模块前奏曲最近在研究WCF,又因为工作中的项目需要,要为现有的系统增加一 ...
Jquery动态在td中添加checkbox
如图:想要在这个id为headId的<td>中,用jquery动态添加checkbox 代码如下 : data是我用ajax 从后台获取的数据,里面含有若干个user类,我想把所有的人名字 ...
DataGridView 中添加CheckBox和常用处理方式 .
DataGridView 中添加CheckBox和常用处理方式文章1 转载:http://blog.csdn.net/pinkey1987/article/details/5267934 DataG ...
DataGridView中添加CheckBox列用于选择行
DataGridView中添加CheckBox列用于选择行 1,编辑DataGridView,添加一列 CheckBox ,Name 赋值为 "select",如下图: 2,取消 ...
winform 中给DataGridView的表头添加CheckBox
在C/S架构中,给DataGridView的表头添加CheckBox控件: 添加类: /// <summary> /// 给DataGridView添加全选 / ...
JsTree中节点添加CheckBox 以及单选的实现
stree中添加checkbox,需要在初始化时设置plugins属性: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 $('#DpTree').data('jstree', fa ...

随机推荐

ACM学习
转:ACM大量习题题库 ACM大量习题题库现在网上有许多题库,大多是可以在线评测,所以叫做Online Judge.除了USACO是为IOI准备外,其余几乎全部是大学的ACM竞赛题库. US ...
二叉搜索的各种bugs——重复递增序列
int binary_search(int* A, int value, int p, int r); int main(int argc, char *argv[]){ , , , , , , , ...
Apache（一）
以下介绍是基于centos,Apache/2.2.15,进行解释 (资料来自www.netcraft.com) Apache 模块化的软件 Apache=core+module(内核+模块) core ...
JS拖拽原理
实现拖拽效果主要跟鼠标的三个事件有关: onmousedown : 选择要拖拽的元素 onmousemove : 移动元素 onmouseup : 释放元素三个事件的关系: obj.onmoused ...
JQuery（三） Ajax相关
JQuery大大简化了Ajax通用操作,开发者只需要指定请求URL,回调函数即可. 三个主要方法: $().param(obj):将obj参数(对象或数组)转化成查询字符串. {name:" ...
Your branch and 'origin/master' have diverged
git fetch origin git reset --hard origin/master
SQL技术内幕二DDL
创建数据库: if db_id('DBTest') is nullcreate database DBTest 创建表 use eb_fy_data_test---use 切换所在数据库上下文 if ...
hdu 4099 Revenge of Fibonacci Trie树与模拟数位加法
Revenge of Fibonacci 题意:给定fibonacci数列的前100000项的前n位(n<=40);问你这是fibonacci数列第几项的前缀?如若不在前100000项范围内,输 ...
转载：PCB名詞解釋：通孔、盲孔、埋孔
在[電子製造業]打滾多年,分享 SMT.焊錫.塑膠射出.產品設計.瓦楞包裝…等經驗.請注意文章內容不見得都正確,服用前請三思… 之前有網友提醒我有篇文章把PCB的盲孔(Blind hole).埋孔(B ...
“0x5003eaed” 指令引用的“0x00000000”内存。该内存不能为“read”
一.问题描述与原因分析 1.问题描述使用VC6.0,在工具栏点击“打开文件”或者“添加文件到项目”的图标时,提示如题的错误. 2.原因分析微软的VC6.0与office2007冲突问题. 二.解决 ...

easyui 中的treegrid添加checkbox

easyui 中的treegrid添加checkbox的更多相关文章

随机推荐

热门专题