<%@ 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. 用JSON 和 Google 实现全文翻译

    unit Unit1; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms ...

  2. python 递归展开嵌套的序列（生成器用法）

    任何使用yield语句的函数都称为生成器.调用生成器函数将创建一个对象,该对象通过连续调用next()方法(在python3中是__next__())生成结果序列. next()调用使生成器函数一直运 ...

  3. ajax jquery return没有返回值

    错误写法: function editdivisionmember(division_id,users_id){ $.ajax({ type:"POST", url:"/ ...

  4. 【转】Ubuntu安装ARM架构GCC工具链（ubuntu install ARM toolchain）最简单办法

    原文网址:http://www.cnblogs.com/muyun/p/3370996.html 一.安装ARM-Linux-GCC工具链 只需要一句命令: sudo apt-get install ...

  5. 学习笔记之--Navicat Premium创建数据表

    1.打开Navicat Premium,点击连接,选择MySQL,创建新连接.输入安装MySQL是的用户名和密码.点击确定. 2.admin数据连接已经创建成功.下面为admin新建数据库,输入数据库 ...

  6. apache+php+mysql常见集成环境安装包

    http://www.thinksaas.cn/group/topic/33/ apache+php+mysql是常见php环境,在windows下也称为WAMP,对于初学者自选版本搭建总是会遇到一些 ...

  7. UESTC_Little Deer and Blue Cat CDOJ 1025

    In DOTA, there are two Intellegence heroes. One is Enchantress, who is usually called Little Deer by ...

  8. MyCat 主键ID自增长配置

    在实现分库分表的情况下,数据库自增主键已无法保证自增主键的全局唯一.为此,MyCat 提供了全局sequence,并且提供了包含本地配置和数据库配置等多种实现方式,实现方式主要有三种:本地文件方式.数 ...

  9. android-读取Assets图片资源保存到SD - 随心

    public class ReadBitmap { public void readByte(Context c, String name, int indexInt) { byte[] b = nu ...

  10. MyEclipse 注册码

    MyEclipse 注册码和大家共享一下! 一:MyEclipse_6.0.1GA_E3.3.1_FullStackInstaller注册码 Subscriber:javp Subscription ...