您的位置：首页 > 产品设计 > UI/UE

Easyui treegrid复选框设置

2014-03-13 13:51 357 查看

<%@ 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很相似了。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航