<%@ 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代码生成器能帮助开发者快速生成与这些组件交互的代码。例如，它可以自动生成用于数据展示的表格，用户操作的按钮，以及...
4. **EasyUI**：EasyUI是一个基于jQuery的前端UI库，它提供了丰富的组件，如表格、树形控件、对话框等，使得开发者可以快速构建美观且响应式的用户界面。在本项目中，EasyUI用于构建成绩管理系统的前端展示，如表格...
EasyUI是一个基于jQuery的UI库，提供了丰富的用户界面组件，如表格、表单、树形控件和对话框等。在进销存管理系统中，EasyUI可以帮助快速构建美观且响应式的前端界面，提高用户体验。它的组件易于定制和组合，可以与...
7. **其他组件**：包括滑块、进度条、提示框、时间选择器、树形结构等，丰富了网页的互动性。 **API.CHM文件**是jQuery EasyUI的官方API文档，其中详细列出了每个组件的方法、属性、事件及其用法。通过查阅此文件，...
EasyUI是一个基于jQuery的UI库，为Web应用程序提供了一系列美观的用户界面组件，如表格、树形结构、下拉菜单等。在进销存管理系统中，EasyUI用于构建前端界面，通过JSON数据与后端Spring MVC和Hibernate交互，实现了...
- **Models**：存放业务实体类和数据访问层，模型类对应数据库中的表，用于封装业务逻辑和数据。 - **Views**：视图文件夹，包含各个控制器对应的视图文件，用于展示数据和用户交互。 - **Scripts**：放置...
文档中提到了 `Cpersontypetbl` 类，这可能是用于存储栏目或类别的实体类。字段如 `parentid` 和 `categoryid` 用于维护分类的层级关系，实现级联选择。 6. **数据库设计**： 表设计包括了至少两个字段，`...
EasyUI是一个基于jQuery的UI库，它提供了丰富的组件，如表格、树形结构、下拉框等，帮助快速构建美观的用户界面。在这个系统中，EasyUI可能被用来创建数据展示表格、搜索表单等，大大减少了前端开发的工作量。 ...
接着，在Spring MVC控制器中编写方法处理前端发送的请求，并返回树形数据： ```java @Controller @RequestMapping("/tree") public class TreeController { @RequestMapping(value = "/getNodes", method = ...