{{extend "base.html"}}

{{block head}}

    <script>
	
		var datagrid;
		$(function(){
		
			tree = $('#ctrlTree').tree({
				//checkbox: false,
				url: '/operationpost/applicationtree?pid=0',
				lines : true,
				onBeforeExpand: function (node, param) {
					//alert(node.id);
					$('#ctrlTree').tree('options').url = "/operationpost/applicationtree?pid=" + node.id + "&level=" + node.level;                     
					//param.myattr = 'test';    // or change request parameter
				}
			});
			
			datagrid=$('#datagrid').datagrid({
				url: '/operationpost/department',
				iconCls:'icon-tip',
				width:'auto',
				height:'auto',
				title: '',
				nowrap: true,
				autoRowHeight: false,
				striped: true,
				collapsible:true,
				idField:'id',
				pagination:true,  //分页
				//rownumbers:true, //显示行号
				pageSize:20,
				pageList:[20,30],
				//loadMsg:'正在载入数据...',
				//自适应高度
				fit:true,
				//自动扩大或缩小列的尺寸以适应表格的宽度并且防止水平滚动
				fitColumns: true,
				frozenColumns : [ [ {
					title : '编号',
					field : 'id',
					width : 150,
					sortable : true,
					checkbox : true
				}, {
					title : '部门名称',
					field : 'department_name',
					width : 150,
					sortable : true
				} ] ],
				columns:[[
					{field:'comment',title:'备注',width:100},
				]],
				toolbar:[ {
					text : '增加',
					iconCls : 'icon-add',
					handler : function() {
						append();
					}
				}, '-', {
					text : '删除',
					iconCls : 'icon-remove',
					handler : function() {
						remove();
					}
				}, '-', {
					text : '修改',
					iconCls : 'icon-edit',
					handler : function() {
						edit();
					}
				}, '-', {
					text : '取消选中',
					iconCls : 'icon-undo',
					handler : function() {
						datagrid.datagrid('clearSelections');
						datagrid.datagrid('unselectAll');
					}
				}, '-'],

			}); 
		});
		
    function edit() {
		var rows = datagrid.datagrid('getSelections');
		if (rows.length == 1) {
			var p = parent.sy.dialog({
				title : '编辑',
				href : '/operation/departmentedit?id=' + rows[0].id,
				width : 450,
				height : 250,
				buttons : [ {
					text : '编辑',
					handler : function() {
						var f = p.find('form');
						f.form('submit', {
							url : '/operation/departmentsave',
							success : function(d) {
								var json = $.parseJSON(d);
								if (json.success) {
									datagrid.datagrid('reload');
									p.dialog('close');
								}
								parent.sy.messagerShow({
									msg : json.msg,
									title : '提示'
								});
							}
						});
					}
				} ],
				onLoad : function() {
					var f = p.find('form');
					f.form('load', {
						id : rows[0].id,
						department_name : rows[0].department_name,
						comment : rows[0].comment,
					});
				}
			});
		} else if (rows.length > 1) {
			parent.sy.messagerAlert('提示', '同一时间只能编辑一条记录！', 'error');
		} else {
			parent.sy.messagerAlert('提示', '请选择要编辑的记录！', 'error');
		}
	}
	function append() {
		var p = parent.sy.dialog({
			title : '添加',
			href : '/operation/departmentadd',
			width : 450,
			height : 250,
			buttons : [ {
				text : '添加',
				handler : function() {
					var f = p.find('form');
					f.form('submit', {
						url : '/operation/departmentsave',
						success : function(d) {
							var json = $.parseJSON(d);
							if (json.success) {
								datagrid.datagrid('reload');
								p.dialog('close');
							}
							parent.sy.messagerShow({
								msg : json.msg,
								title : '提示'
							});
						}
					});
				}
			} ]
		});
	}
	
	function remove() {
		var rows = datagrid.datagrid('getChecked');
		var ids = [];
		if (rows.length > 0) {
			parent.sy.messagerConfirm('请确认', '您要删除当前所选项目？', function(r) {
				if (r) {
					for ( var i = 0; i < rows.length; i++) {
						ids.push(rows[i].id);
					}
					$.ajax({
						url : '/operation/departmentdel',
						data : {
							id : ids.join(',')
						},
						dataType : 'json',
						success : function(d) {
							datagrid.datagrid('load');
							datagrid.datagrid('unselectAll');
							parent.sy.messagerShow({
								title : '提示',
								msg : d.msg
							});
						}
					});
				}
			});
		} else {
			parent.sy.messagerAlert('提示', '请勾选要删除的记录！', 'error');
		}
	}
	
		function collapseAll() {
			var node = tree.tree('getSelected');
			if (node) {
				tree.tree('collapseAll', node.target);
			} else {
				tree.tree('collapseAll');
			}
		};
		function expandAll() {
			var node = tree.tree('getSelected');
			if (node) {
				tree.tree('expandAll', node.target);
			} else {
				tree.tree('expandAll');
			}
		};
	</script>
{{end}}

{{block bodyclass}}
<!--body class="easyui-layout" data-options="fit:true"-->
<body class="easyui-layout" style="overflow-y: hidden" scroll="no">
{{end}}
{{block content}}


    <div region="west" split="true" title="应用主题树" style="width: 200px;" id="west">
		<a href="javascript:void(0);" class="easyui-linkbutton" plain="true" iconCls="icon-redo" onclick="expandAll();">展开</a>
		<a href="javascript:void(0);" class="easyui-linkbutton" plain="true" iconCls="icon-undo" onclick="collapseAll();">折叠</a>
		<!--
		<a href="javascript:void(0);" class="easyui-linkbutton" plain="true" iconCls="icon-reload" onclick="tree.tree('reload');">刷新</a>
        -->
		<hr style="border-color: #fff;" />
		<ul id="ctrlTree"></ul>
    </div>
    <div region="center" style="width: 500px; height: 300px; padding: 1px; background: #eee;
        overflow-y: hidden">
        <div id="datagrid" fit="true">
        </div>
    </div>
{{end}}