<%@ 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. 刺猬大作战（游戏引擎用Free Pascal写成，GUI用C++写成，使用SDL和Qt4）

    游戏特性[编辑] 游戏引擎用Free Pascal写成,GUI用C++写成,使用SDL和Qt4[2]. 0.9.12开始支持实时动态缩放游戏画面. 个性化[编辑] 刺猬大作战有着高度定制性 游戏模式: ...

  2. 关于在Reshaper中添加代码模板代码段

    http://www.cnblogs.com/tristinjet/archive/2009/08/19/1550203.html 去 tools->模板中进行模板编辑设置

  3. 关于WPF中承载 ArcGIS控件。

    原文 http://www.cnblogs.com/zoe-j/archive/2011/05/18/2050208.html 之前就做过WPF的应用,之前承载的MapGIS的二次开发控件,今天写一下 ...

  4. Linux APP源码级编译安装

    首先需要了解下tar包. 以下文章作出解释了: http://www.cnblogs.com/laipDIDI/articles/2214270.html http://baike.baidu.com ...

  5. 【转】如何定制android源码的编译选项 & 后期安装？ ---- 不错

    原文网址:http://blog.sina.com.cn/s/blog_3e3fcadd0100z3o9.html Android编译过程比较长,配置起来也很麻烦.现仅就工作遇到的问题做个总结.所用硬 ...

  6. 2015第10周五CSS—2

    经常遇到的浏览器兼容性有哪些?如何解决? 1.浏览器默认的margin和padding不同.解决方案是加一个全局的*{margin:0;padding:0;}来统一. 2.IE6双边距bug:块属性标 ...

  7. Python IDE的选择和安装

    安装好Python后我们需要选择合适自己的IDE进行学习,虽然利用python默认的编辑器,或者直接文档编辑也可以进行基础的学习,但总归不是太方便,能够开发python项目的IDE很多,如sublim ...

  8. 关于 Private strand flush not complete

    网友发来告警日志,原本是关于一个死锁的情形,而另外的一个问题则是从redo log buffer写出到redo log file出现了不能分配新的日志,Private strand flush not ...

  9. 三十二、Java图形化界面设计——布局管理器之CardLayout（卡片布局）

    摘自 http://blog.csdn.net/liujun13579/article/details/7773945 三十二.Java图形化界面设计--布局管理器之CardLayout(卡片布局) ...

  10. UVA - 10129 Play on Words（欧拉回路+并查集）

    2.解题思路:本题利用欧拉回路存在条件解决.可以将所有的单词看做边,26个字母看做端点,那么本题其实就是问是否存在一条路径,可以到达所有出现过的字符端点.由于本题还要求了两个单词拼在一起的条件是前一个 ...