<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Full Layout - jQuery EasyUI Demo</title>

<%@ include file="/common/taglibs.jsp"%>

<link id="easyuiTheme"    href="${ctx}/res/js/easyui/themes/default/easyui.css" rel="stylesheet"    type="text/css" />

<link href="${ctx}/res/style/common-metro.css" rel="stylesheet"    type="text/css" />

<link href="${ctx}/res/js/easyui/themes/icon.css" rel="stylesheet"    type="text/css" />

<script type="text/javascript" src="${ctx}/res/js/jquery-1.8.0.min.js"></script>

<script type="text/javascript" src="${ctx}/res/js/jquery.corner.js"></script>

<script type="text/javascript" src="${ctx}/res/js/jquery.cookie.js"></script>

<script type="text/javascript"

    src="${ctx}/res/js/easyui/jquery.easyui.min.js"></script>

<script type="text/javascript">

    var count = 0;

    var PROJECT_URL = "${ctx}";

    $(function() {

        $('#treeGrid').treegrid({

            url : PROJECT_URL+"/res/js/data/treedata.json",

            idField : 'id',

            treeField : 'name',

            title:'资源列表',

            rownumbers : "true",

            onlyLeafCheck: true,

            animate: true,

            singleSelect: false,

            columns : [ [

            {

                title : 'id',

                field : 'id',

                checkbox: true,

                width : 100

            }, {

                title : 'resource name',

                field : 'name',

                width : 220

            }, {

                title : 'link',

                field : 'size',

                width : 120,

                align : 'center'

            }, {

                field : 'date',

                title : 'Begin Date',

                width : 140,

                align : 'center'

            } ] ],

            onSelected:set_power_status

        });

        $("#consle").bind("click", consleclick);

    });

    function set_power_status() {

        var idList = "";

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

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

            if (id.indexOf("ceshi_") > -1)

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

        });

        alert(idList);

    }

    function consleclick() {

        var node = $('#treeGrid').treegrid('expandAll', 2);

    }

</script>

</head>

<body class="easyui-layout">

     <table id="treeGrid"  class="easyui-treegrid" style="width:700px;height:300px"></table>

    <a id="consle" href="#">red</a>

</body>

</html>

此设置跟grid很相似了。

Easyui treegrid复选框设置的更多相关文章

  1. easyui datagrid复选框控制单选

    使用easyui datagrid的时候,由于对数据表格操作太多,并且有单选和多选功能因此采用复选框.但是在单选的状态,使用CheckOnSelect和singleselect时发现,页面有明显延迟, ...

  2. C# easyui datagrid 复选框填充。

    具体效果如下: 首页

  3. easyUI带复选框的组合树

    代码: <input id="depts"><script type="text/javascript">$(document).rea ...

  4. EasyUI DataGrid 复选框

    使用checkbox,用户可以选定/取消数据行.添加checkbox列,我们简单的添加列的checkbox属性,并且设置为true.代码像这样:<table id="tt"& ...

  5. Ext.grid.CheckboxSelectionModel复选框设置某行不可以选中

    var sm = new Ext.grid.CheckboxSelectionModel({ renderer:function(v,c,r){ if(r.get("isEdit" ...

  6. EasyUI datagrid 复选框可以多选但不能全选功能实现

    1.功能需求:  实现多选,但是不能够全选功能 2.js代码 //帮卖列表页面,可以多选但是不能够全选实现 $(".datagrid-header-check").children ...

  7. 设置checkbox不能选中，复选框不能选中

    Web开发:设置复选框的只读效果 在Web开发中,有时候需要显示一些复选框(checkbox),表明这个地方是可以进行勾选操作的,但是有时候是只想告知用户"这个地方是可以进行勾选操作的&qu ...

  8. checkbox设置复选框的只读效果不让用户勾选

    在Web开发中,有时候需要显示一些复选框(checkbox),表明这个地方是可以进行勾选操作的,但是有时候是只想告知用户"这个地方是可以进行勾选操作的"而不想让用户在此处勾选(比如 ...

  9. jQuery操作复选框的简单使用

    开发中为了实现一个小功能,就是复选框的相互影响事件,如下图: 就是通过复选框设置权限,权限是分等级的,这是一个web管理系统的应用,一个管理员具有三个权限赋予,权限也是有等级的,其中删除和编辑权限相当 ...

随机推荐

  1. Wikioi 1169 传纸条

    这道题是我人生第一道双线动规题,因此我觉得还是很有必要记录下来. 刚接触到这道题的时候我第一反应是单线的动规,可是下一秒我就觉得这样做可能会有问题,因为从左上角(以下简称A)到右下角(以下简称B)通过 ...

  2. Android移植busybox

    Android 的toolbox没有自动补齐,命令少,对于开发人员还是需要busybox,直接移植官方的busybox会有很多问题,主要是因为基于Android的交叉编译工具并没有采用glibc作为C ...

  3. 擅长排列的小明 II（找规律）

    擅长排列的小明 II 时间限制:1000 ms  |  内存限制:65535 KB 难度:3 描述 小明十分聪明,而且十分擅长排列计算. 有一天小明心血来潮想考考你,他给了你一个正整数n,序列1,2, ...

  4. 谱聚类--SpectralClustering

    谱聚类通常会先对两两样本间求相似度. 然后依据相似度矩阵求出拉普拉斯矩阵,然后将每一个样本映射到拉普拉斯矩阵特诊向量中,最后使用k-means聚类. scikit-learn开源包中已经有现成的接口能 ...

  5. JAXB 注解

    JAXB(Java API for XML Binding),它提供了一个便捷的方式高速Java对象XML转变.于JAX-WS(Java的WebService规范之中的一个)中,JDK1.6 自带的版 ...

  6. iOS蓝牙4.0开发例子

    1建立中心角色 1 2 3 #import <CoreBluetooth/CoreBluetooth.h>  CBCentralManager *manager;  manager = [ ...

  7. 对于IE6及以下版本的处

    判断IE6 CSS 通过判断浏览器类型而加载不同的css样式 所有的IE都起作用: <!--[if IE]> <link rel="stylesheet" typ ...

  8. pt-online-schema-change解读

    [用途]在线改表 [注意风险]因为涉及到修改表的数据和结构,所以在使用前要小心测试并做好备份,工具默认不会改表,除非你添加了--execute参数 [工具简介] pt-osc模仿MySQL内部的改表方 ...

  9. visual studio 2010 C语言声明异常

    如下这段程序,是C_Primer_plus_第五版内的一个复习题答案(感觉声明i的值有问题),在GCC上面可以运行,但是移植到VS2010就一堆错误, #include<stdio.h> ...

  10. jqGrid插件的重载表格的解决方案

    jqGrid插件的重载表格的解决方案 $("#table_list_1").empty();// 清空表格内容 var parent=$("#gbox_table_lis ...