首页 > 其他 > 详细

Easyui treegrid复选框设置

时间:2014-03-14 19:01:29      阅读:370      评论:0      收藏:0      [点我收藏+]
bubuko.com,布布扣
<%@ 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>
bubuko.com,布布扣

此设置跟grid很相似了。

Easyui treegrid复选框设置,布布扣,bubuko.com

Easyui treegrid复选框设置

原文:http://www.cnblogs.com/boonya/p/3598433.html

踩
(0)
赞
(0)
   
举报
评论 一句话评论(0)
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!