<%@ 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. Python 函数 day3

    函数是组织好的,可重复使用的,用来实现单一,或相关联功能的代码段. 函数能提高应用的模块性,和代码的重复利用率.你已经知道Python提供了许多内建函数,比如print().但你也可以自己创建函数,这 ...

  2. Enable ssh root login in Solaris

    1. Change the file /etc/ssh/sshd_config with PermitRootLogin yes to replace PermitRootLogin no 2. re ...

  3. Error: Registry key 'Software\JavaSoft\Java Runtime has value '1.8', but '1.7' is

    cmd下输入 java命令时出现该错误: Error: Registry key 'Software\JavaSoft\Java Runtimehas value '1.8', but '1.7' i ...

  4. Linux之网络文件共享服务(NFS)

    概念: NFS:Network File System 网络文件系统,基于内核的文件系统.Sun公司开发,通过使用NFS,用户和程序可以像访问本地文件一样访问远端系统上的文件,基于RPC(Remote ...

  5. 【模板】Link-Cut Tree

    #include<cstdio> #include<algorithm> #define N 500010 #define rg register #define ls (c[ ...

  6. eventlet学习笔记

    eventlet学习笔记 标签(空格分隔): python eventlet eventlet是一个用来处理和网络相关的python库函数,且可以通过协程(coroutines)实现并发.在event ...

  7. Axis2中使用wsdl2java.bat生成客户端代码

    1 准备环境 (1)下载Axis2的zip包axis2-1.5.5-bin.zip,并解压. 官方网址:http://ws.apache.org/axis2/ (2)设置环境变量(我的电脑->属 ...

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

  9. poj 1068 Parencodings（模拟）

    转载请注明出处:viewmode=contents">http://blog.csdn.net/u012860063?viewmode=contents 题目链接:http://poj ...

  10. crmjs区分窗口是否是高速编辑(2)

    随着crm的版本号不同,有些功能不能使用,这里提供了第二种写法: function loadFrom() {     var formType = Xrm.Page.ui.getFormType(); ...