<%@ 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 编写实体类树状选择器的更多相关文章

  1. hdu 1556:Color the ball（第二类树状数组 —— 区间更新，点求和）

    Color the ball Time Limit: 9000/3000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)To ...

  2. 学习MVC之租房网站（三）-编写实体类并创建数据库

    在上一篇<学习MVC之租房网站(二)-框架搭建及准备工作>中,搭建好了项目框架,并配置了EF.Log4Net和进程外Session.接下来会编写Eneity类并采用CodeFirst的方式 ...

  3. 使用反射来编写实体类的XML

    前言: 开发过程中经常需要返回某实体类的列表,公司通常用的都是XML格式的接口,小猪借鉴了公司前辈留下的代码一直是类似这么写的: public static string GetXMLList(ILi ...

  4. Java-J2SE学习笔记-树状展现文件结构

    1.利用java.io相关类树状展现文件结构 2.判定给定路径是否为dir,是则递归,每一递归一层缩进一次 3.代码 package Test; import java.io.File; public ...

  5. MyBatis入门实例-包括实体类与数据库字段对应&CLOB字段处理

    1.我的开发环境是 jdk1.7+ecplise+oracle 11g 用到的jar包:mybatis-3.1.1.jar ojdbc6.jar 2.项目整体结构     3.首先配置conf.xml ...

  6. 实体类，bean文件，pojo文件夹，model文件夹都一样

    实体类,bean文件,pojo文件夹,model文件夹都一样,这些都是编写实体类,这是我暂时看到的项目文件

  7. 基于MVC4+EasyUI的Web开发框架经验总结（3）- 使用Json实体类构建菜单数据

    最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重 ...

  8. EasyUI + ajax + treegrid/datagrid 接收 json 数据，显示树状/网状表结构

    最后一更了,时间间隔有点久了~~ EasyUI作为一个成熟的前端框架,封装了ajax,对于数据的处理配合datagrid组件的使用,使其非常适合后台管理界面的开发(目前来说界面有点过时了). 通过aj ...

  9. （转）基于MVC4+EasyUI的Web开发框架经验总结（3）- 使用Json实体类构建菜单数据

    http://www.cnblogs.com/wuhuacong/p/3669708.html 最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开 ...

随机推荐

  1. php第十六节课

    分页 <?php /** file: page.class.php 完美分页类 Page */ class Page { private $total; //数据表中总记录数 private $ ...

  2. enote笔记语言（4）（ver0.2）——“5w1h2k”分析法

    章节:“5w1h2k”分析法   what:我想知道某个“关键词(keyword)”(即,词汇.词语,或称单词,可以是概念|专业术语|.......)的定义. why:我想知道事物发生的原因.“why ...

  3. 一个电商项目的Web服务化改造7：Dubbo服务的调用，4个项目

    使用dubbo服务的过程,很简单,和之前学习的WebService完全一样,和本地接口调用也基本一致. dubbo和WebService的区别:我认为dubbo就是封装了WebService,然后提供 ...

  4. Maven学习总结（5）——聚合与继承

    Maven学习总结(五)--聚合与继承 一.聚合 如果我们想一次构建多个项目模块,那我们就需要对多个项目模块进行聚合 1.1.聚合配置代码 <modules> <module> ...

  5. 清北学堂模拟赛d2t6 分糖果(candy)

    题目描述总共有n颗糖果,有3个小朋友分别叫做L,Y,K.每个小朋友想拿到至少k颗糖果,但这三个小朋友有一个共同的特点:对3反感.也就是说,如果某个小朋友拿到3颗,13颗,31颗,333颗这样数量的糖果 ...

  6. js两个整数之间求和

    const GetSum = (a, b) => { let min = Math.min(a, b), max = Math.max(a, b); return (max - min + 1) ...

  7. MySQL终端（Terminal）命令基本操作（转）

    注意:MySQL数据库命令不区分大小写.但在MAC的终端,如果你想使用tab自动补全命令,那么你就必须使用大写,这样MAC的终端才会帮你补全命令,否则你按N遍tab都不会有响应. 1.数据库(data ...

  8. RDS MySQL 表上 Metadata lock 的产生和处理

    https://help.aliyun.com/knowledge_detail/41723.html?spm=5176.7841698.2.18.vNfPM3

  9. java 执行可执行文件时提示“could not find or load main class ”的问题

  10. ubuntu 关机命令

    ubuntu 关机命令 关机命令 shutdown ubuntu的终端中默认的是当前用户的命令,只是普通用户,因此在终端器中可以使用sudo -sh 转换到管理员root用户下执行命令. 1)shut ...