天下之事,必先处之难,而后易之。

Easyui treegrid复选框设置

复制代码
<%@ 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很相似了。

posted @   boonya  阅读(2053)  评论(0编辑  收藏  举报
编辑推荐:
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
阅读排行:
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
我有佳人隔窗而居,今有伊人明月之畔。
轻歌柔情冰壶之浣,涓涓清流梦入云端。
美人如娇温雅悠婉,目遇赏阅适而自欣。
百草层叠疏而有致,此情此思怀彼佳人。
念所思之唯心叩之,踽踽彳亍寤寐思之。
行云如风逝而复归,佳人一去莫知可回?
深闺冷瘦独自徘徊,处处明灯影还如只。
推窗见月疑是归人,阑珊灯火托手思忖。
庐居闲客而好品茗,斟茶徐徐漫漫生烟。

我有佳人在水之畔,瓮载渔舟浣纱归还。
明月相照月色还低,浅近芦苇深深如钿。
庐山秋月如美人衣,画堂春阁香气靡靡。
秋意幽笃残粉摇曳,轻轻如诉画中蝴蝶。
泾水潺潺取尔浇园,暮色黄昏如沐佳人。
青丝撩弄长裙翩翩,彩蝶飞舞执子手腕。
香带丝缕缓缓在肩,柔美体肤寸寸爱怜。
如水之殇美玉成欢,我有佳人清新如兰。
伊人在水我在一边,远远相望不可亵玩。

点击右上角即可分享
微信分享提示