<%@ 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. js可以随意拖拽的div的实现

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. java 导入导出的 命令

    $exp lddba/ld_321@192.168.1.3/testora file=E:\db_bak\ld20170219_1testora.dmp log=E:\db_bak\ld2017021 ...

  3. 阅读《JavaScript设计模式》第三章心得

    简单工厂模式 1.通过类实例化对象创建 传统的用面向对象方法去创建很多类去实现某些功能不妥当,这样不仅占用的很多类名称,而且别人使用这些方法的同时要记住每个类的名字,所以这样不适合团队开发,所以我们可 ...

  4. Highcharts教程--把js代码从html中抽离出来，放到单独的一个js文件中。由html页面调用

    1.html页面写法 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...

  5. Django——9 博客小案例的实现

    Django  博客小案例的实现 主要实现博客的增删改查功能 主页index.html  -->  展示添加博客和博客列表的文字,实现页面跳转 添加页add.html  --> 输入文章标 ...

  6. scrapy——8 scrapyd使用

    scrapy——8    scrapyd使用 什么是scrapyd 怎么安装scrapyd 如何使用scrapyd--运行scrapyd 如何使用scrapyd--配置scrapy.cfg 如何使用s ...

  7. Anton and Permutation

    Anton and Permutation time limit per test 4 seconds memory limit per test 512 megabytes input standa ...

  8. JS判断浏览器类型和屏幕分辨率来调用不同的CSS样式

    代码如下: <!-- if (window.navigator.userAgent.indexOf("MSIE")>=1) { var IE1024="&qu ...

  9. [bzoj3669][Noi2014]魔法森林_LCT_并查集

    魔法森林 bzoj-3669 Noi-2014 题目大意:说不明白题意系列++……题目链接 注释:略. 想法:如果只有1个参量的话spfa.dij什么的都上来了. 两个参量的话我们考虑,想将所有的边按 ...

  10. Windows安装php Oracle扩展

    前言 去IOE的浪潮下,很多大型公司古董级的系统还在使用IOE设备.新东家有些年头的系统都是使用Oracle数据库,为了省事,新架构下的业务直接通过编程语言API操作Oracle数据库,安装相关扩展对 ...