<%@ 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. 【Xamarin挖墙脚系列：Mono项目的图标为啥叫Mono】

    因为发起人大Boss :Miguel de lcaza 是西班牙人,喜欢猴子.................就跟Hadoop的创始人的闺女喜欢大象一样...................... 历 ...

  2. eclipse中误删了servers文件

    Eclipse中误删了servers文件,需要重新添加tomcat服务器,这时就会遇到在New Server对话框中选择了Tomcat 6/7后却无法单击"Next"按钮的问题,如 ...

  3. Mac 下纯lua（一）

    Lua 介绍 什么是lua - lua是一种跨平台开发脚本语言. Lua 历史 学校 University of Rio de Janeiro 国家 巴西 作者 Roberto Ierusalimsc ...

  4. 改变UITableViewCell按下去的颜色

    UIView *bgColorView = [[UIView alloc] init]; [bgColorView setBackgroundColor:[UIColor redColor]]; [c ...

  5. SpringMVC的值传递

    值的传递分为从页面传到到controller和从controller传递到页面,下面分别进行介绍: package com.springmvc.web; import java.util.Map; i ...

  6. Linux-0.11内核源代码分析系列：内存管理get_free_page()函数分析

    Linux-0.11内存管理模块是源码中比較难以理解的部分,如今把笔者个人的理解发表 先发Linux-0.11内核内存管理get_free_page()函数分析 有时间再写其它函数或者文件的:) /* ...

  7. WAS下获取包路径下所有类

    最近做javaweb项目的混淆工作,用到proguard,该工具混淆.jar文件比较方便,故把所有项目代码和配置文件打成jar包, 生成的jar包经过proguard处理后,再次打包(解决progua ...

  8. winform —— 对话框和流及打印

    对话框:  注意引用using System.IO; showdialog();显示对话框,返回一个dialogresult的枚举类型 colorDialog:color属性,用来获取颜色 folde ...

  9. 关于OC-省市区习题

    对于省市区的问题,关键在于搞清楚数组嵌套字典,字典里面装数组的多重嵌套关系,沉下心来,捋清楚思路, 实在看不懂就多打几遍,这道题理解了,熟练了对之后学习很有好处. 代码如下: NSString *pa ...

  10. <转>让SVN用户能够修改自身密码的PHP页面

    1.修改Apache配置文件因为我在安装和配置SVN的时候,对Apache的配置文件进行过优化,将所有关于SVN的配置都写在了/opt/apache2/conf/extra/httpd-svn.con ...