Easyui treegrid复选框设置

时间：2022-09-19 03:28:39
<%@ 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&num; 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&period;grid&period;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. XXX esx&period;problem&period;syslog&period;nonpersistent&period;formatOnHost not found XXX

    ESXi 主机的摘要选项卡报告以下错误:配置问题:XXX esx.problem.syslog.nonpersistent.formatOnHost 未找到 XXX (2101811)   Sympt ...

  2. Nodejs与ES6系列2&colon;Promise对象

    2.promise对象 js单线程异步执行的特性,因此在代码中充斥着回调函数.随着回调函数的增加,代码的可读性会愈来愈差,因此引入promise对象是不错的一种选择,可以避免层层回调函数.在ECMA6 ...

  3. C&num; MP3文件属性读取

    using (TempFile tempFile = new TempFile()) { using (FileStream fs = new FileStream(tempFile.FileName ...

  4. 快速排序算法 Quick sort

    作者:jostree 转载请注明出处 http://www.cnblogs.com/jostree/p/4046189.html 首先随机选择一个轴,并调整数组内各个数字,使得比轴值大的数在轴的右边, ...

  5. V3 微信支付-预支付C&num;

    首先不得不吐槽下腾讯,升级微信支付为毛不兼容V2版本呢?V2算是白研究了. V3预支付文档几个坑,不知道你们有没有中招 商户号 mch_id 是 String(32) 微信支付分配的商户号   其实是 ...

  6. &&num;127827&semi;vue &amp&semi; react 一些重要但没必要死记硬背的东西

  7. Link Cut Tree学习笔记

    从这里开始 动态树问题和Link Cut Tree 一些定义 access操作 换根操作 link和cut操作 时间复杂度证明 Link Cut Tree维护链上信息 Link Cut Tree维护子 ...

  8. MessageFormat用法&lpar;转载&rpar;

    MessageFormat用来格式化一个消息,通常是一个字符串,比如: String str = "I'm not a {0}, age is {1,number,short}", ...

  9. 字符串，数组，定时器，form

    一.字符串 <script> /* // 字符串的属性 var a="hello world"; console.log(a.length); console.log( ...

  10. Codeforces Round &num;358 &lpar;Div&period; 2&rpar; A B C 水 水 dfs序&plus;dp

    A. Alyona and Numbers time limit per test 1 second memory limit per test 256 megabytes input standar ...

相关文章