<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<meta name="decorator" content="index" />
<body>
<div class="portlet-body">
<table id="xxxdg" height="auto" width="100%"></table>
</div>
<script type="text/javascript">
var trees = '${fns:getXXXListByTree()}'
var dg = $('#xxxdg').treegrid({
method: 'post',
rownumbers: true,
idField: 'id',
treeField: 'name',
height:'500px',
singleSelect : false,
columns:[[
{field:'id',title:'编号',hidden:true},
{field:'name',title:'名称',width:240,sortable:true,formatter:formatterData},
{field:'description',title:'描述',width:150,align:'center'},
]]
});
//变量trees的值是符合treegrid要求的json格式的字符串
var data =$.parseJSON('{"total":0,"rows":'+ trees +'}');
dg.treegrid('loadData', data); //将数据绑定到treegrid
function formatterData(value,rowData,rowIndex){
//rowData是当节点的数据集，children表示其分支，如果!=undefined则表示当前节点有分支，由于这个树只有两层，也表示它就是父节点。如果是父节点，就不在后面加checkbox
if(rowData.children != undefined){
return rowData.name;
}else{
//在调用当前jsp时用url传值的形式传过来的sortids变量
var sortIds = '${param.sortIds}';
var checked = "";
if(sortIds!="")
{
if(sortIds.indexOf(rowData.id) > -1){
checked = "checked='checked'";
}
}
//将checkbox动态拼在名称前
return "<input "+checked+"type='checkbox' id='ids_"+rowData.id+"' value='values_"+rowData.name+"'>" + rowData.name;
}
}
</script>
</body>
分享到：
相关推荐
easyui 日期选择器
基于easyui中的textbox输入框自定义的颜色选择器及源码
前端jquery+easyUI实现的日期选择器。 博文地址：https://blog.csdn.net/wanghuiWHI/article/details/135648572 Demo简要： 1.日期选择器可以提供日选择器、周选择器、月选择器 2.日选择器最大31天，选择起始日期后...
基于jquery easyui改造的周选择控件 可指定周起始星期，默认周日为本周的第一天
SSH+Easyui之TreeGrid树形展现数据源码
easyui 树形结构样例，下拉框里面是easyui树，循环展示
easyui日期控件只选择到月份，保存记录一下。 <input id="month" class="easyui-datetimebox" name="month" data-options="required:true,formatter:myformatter,parser:myParser" 160px" />
EasyUI树形菜单操作。在asp.net中动态绑定
通过服务器后台传来的json数据，进行前台组织或人员的选择
jQuery ColorPicker颜色选择器【网页取色器】，有的也称拾色器，总之它是运行在网页上截取屏幕颜色值的小工具，可以把某点的颜色值转换至对应格式传入需要的地方。ColorPicker基于强大的jQuery，使用方便、配置简单...
eayui 树形控件扩展，绑定树形控件展示效果，可以选择
使用easyUI的tree插件从服务器端获取树形菜单数据，并实现树形菜单
spring、 spring mvc、 mybatis 开发的java客户关系管理系统,前端采用easyui编写
下载easyui后使用其中的css和js,从一个treegrid树形网格资源 往另一个空的树形网格拖放数据,支持添加子节点、删除、编辑、保存、取消编辑、刷新、更新数据等功能
JAVA实现EASYUI树形表格（TreeGrid）代码，gradle项目，内含gradle文件夹和mysql数据库文件，解压后导入mysql数据库，文件夹导入eclipse即可使用。首次使用请更新gradle项目下载JAR包，不然报错。
基于easyui实现的activiti模型设计器。
spring，spring mvc，mybatis 开发的java客户关系管理系统,前端采用easyui编写
spring、 spring mvc、 mybatis 开发的java客户关系管理系统,前端采用easyui编写
支持下拉菜单 下拉树 模糊搜索,支持中间字段的匹配
使用easyUI对商品店拖拽操作