2  
单表模板改造为树形模板
作者: 系统管理员 于 2018年11月08日 发布在分类 / 二次开发 / 开发模板 下,并于 2018年11月10日 编辑

参考 Organization

Result.jsp

1.增加左侧的tree栏目

放置于body中,并替换examTypeTree关键字


<div data-options="region:'west',split:true,border:false" style="width: 250px;">
	<div class="TREE_COMMON_BOX_SPLIT_DIV">
			<a id="examTypeTreeReload" href="javascript:void(0)"
				class="easyui-linkbutton" data-options="plain:true"
				iconCls="icon-reload">刷新</a> 
            <a id="examTypeTreeOpenAll" href="javascript:void(0)" 
                class="easyui-linkbutton" data-options="plain:true" 
                iconCls="icon-sitemap">展开</a>
	</div>
	<ul id="examTypeTree"></ul>
</div>
<div class="easyui-layout" data-options="region:'center',border:false">

</div>

2.添加和树相关的javascript

在$(function() {})中增加树状菜单的脚本函数。
//初始化条件查询
searchExamtype = $('#searchExamtypeForm').searchForm({
	gridObj : gridExamtype
});
$('#examTypeTree').tree({
	url : 'examtype/examtypeTree.do',
	onSelect : function(node) {
		$('#PARENTID_RULE').val(node.id);
		$('#PARENTTITLE_RULE').val(node.text);
		searchTypeTree.dosearch({
			'ruleText' : searchTypeTree.arrayStr()
		});
	}
});
$('#examTypeTreeReload').bind('click', function() {
	$('#examTypeTree').tree('reload');
});
$('#examTypeTreeOpenAll').bind('click', function() {
	$('#examTypeTree').tree('expandAll');
});

3.增加查询条件中分类缓存表单

<tr>
	<td class="title">上级节点:</td>
	<td>
        <input id="PARENTTITLE_RULE" type="text"
		readonly="readonly" style="background: #F3F3E8"> 
        <input id="PARENTID_RULE" name="PARENTID:=" type="hidden">
    </td>
</tr>

4.在新增方法中添加parentid的参数

//新增
function addDataExamtype() {
	var parentID = $("#PARENTID_RULE").val();
	var url = url_formActionExamtype + '?operateType=' + PAGETYPE.ADD
                  +'&parentID='+parentID;
	$.farm.openWindow({
		id : 'winExamtype',
		width : 600,
		height : 300,
		modal : true,
		url : url,
		title : '新增'
	});
}


form.jsp

增加上级分类的表单


在Controller中

改造queryall方法加入

if (query.getQueryRule().size() == 0) {
	query.addRule(new DBRule("PARENTID", "NONE", "="));
}

1.增加tree的查询方法

/**
* 组织机构节点
*/
@RequestMapping("/examtypeTree")
@ResponseBody
public Object examtypeTree(String id) {
	try {
		if (id == null) {
			// 如果是未传入id,就是根节点,就构造一个虚拟的上级节点
			id = "NONE";
			List<EasyUiTreeNode> list = new ArrayList<>();
			EasyUiTreeNode nodes = new EasyUiTreeNode("NONE", "考试分类", "open"
                                , "icon-customers");
			nodes.setChildren(EasyUiTreeNode.formatAsyncAjaxTree(
				EasyUiTreeNode.queryTreeNodeOne(id, "SORT", "WTS_EXAM_TYPE", 
                                     "ID", "PARENTID", "NAME", "CTIME").getResultList(),
				EasyUiTreeNode.queryTreeNodeTow(id, "SORT", "WTS_EXAM_TYPE",
                                    "ID", "PARENTID", "NAME", "CTIME")
				     .getResultList(),"PARENTID", "ID", "NAME", "CTIME"));
			list.add(nodes);
			return list;
		}
		return EasyUiTreeNode.formatAsyncAjaxTree(
			EasyUiTreeNode.queryTreeNodeOne(id, "SORT", "WTS_EXAM_TYPE", 
                  "ID", "PARENTID", "NAME", "CTIME").getResultList(),
			EasyUiTreeNode.queryTreeNodeTow(id, "SORT", "WTS_EXAM_TYPE", 
                              "ID", "PARENTID", "NAME", "CTIME").getResultList(),
				"PARENTID", "ID", "NAME", "CTIME");
	} catch (Exception e) {
		log.error(e.getMessage());
		return ViewMode.getInstance().setError(e.getMessage(), e).returnObjMode();
	}
}


2.修改view方法,增加parent参数的返回

/**
* 显示详细信息(修改或浏览时)
*
 * @return
*/
@RequestMapping("/form")
public ModelAndView view(RequestMode pageset, String ids, String parentId) {
	try {
			Examtype parent = null;
			if (!parentId.equals("") && parentId != null) {
				parent = examTypeServiceImpl.getExamtypeEntity(parentId);
			}
			switch (pageset.getOperateType()) {
			case (1): {// 新增
				return ViewMode.getInstance().putAttr("pageset", pageset)
                                        .putAttr("parent", parent)
					.returnModelAndView("exam/ExamtypeForm");
			}
			...
			return ViewMode.getInstance().returnModelAndView("exam/ExamtypeForm");
	} catch (Exception e) {
		...
	}
}

server

新增方法处理parentid

修改方法也得调试










 推荐知识


 访问权限

创建人 系统管理员
文档编辑权限 创建者私有
文档阅读权限 来自分类
分类阅读权限 所有人
分类编辑权限 所有人
分类审核权限 无需审核
分类预览权限 所有人
分类下载权限 所有人
 历史版本

修改日期 修改人 备注
2018-11-10 12:08:15[当前版本] 系统管理员 格式调整
2018-11-08 21:47:01 系统管理员 格式调整
2018-11-08 21:37:38 系统管理员 格式调整
2018-11-08 21:21:32 系统管理员 格式调整

  目录
    wcp知识库系统-V4.1.4 ©2013-2018 WCP