SSM整合ProjectDay02-菜单管理：菜单模块-添加-操作【zTree插件使用】

一、Controller-加载菜单编辑页面SysMenuController

//添加菜单编辑页面
    @RequestMapping("doMenuEditUI")
    public String doMenuEditUI(){
       return "sys/menu_edit";//为什么是string类型？因为是绑定页面，传递一个url
    }

二、页面
1.menu_list

$(function(){
		doGetObjects();
	//	按钮事件注册--删除按钮
		$(".input-group-btn")
				.on("click",".btn-delete",doDeleteObject)  //删除
				.on("click",".btn-add",doLoadEditUI)    //添加菜单
		
	});

	//菜单添加操作
	function doLoadEditUI() {
	    var title;
	    if($(this).hasClass("btn-add")){
	    	title="添加菜单信息";
		}

	//    2.加载异步编辑页面
		var url="menu/doMenuEditUI";
		$("#mainContentId").load(url,function () {
			            $(".box-title").html(title);

		}); //假如mainContentId上有内容，则移除，变为新内容

	}

由 menu_edit.html中的添加按钮，得知名称，使用方法 $(".box-title").html(title);

结果：

2.menu_edit

var zTree; 
  //初始化zTree时会用到
  var setting = {
  	data : {
  		simpleData : {
  			enable : true,
  			idKey : "id",  //节点数据中保存唯一标识的属性名称
  			pIdKey : "parentId",  //节点数据中保存其父节点唯一标识的属性名称
  			rootPId : null  //根节点id
  		}//json 格式javascript对象
  	}
  }//json 格式的javascript对象
  
 $(document).ready(function(){
	 $(".form-horizontal")
	 .on("click",".load-sys-menu",doLoadZtreeNodes);
	 
	 $(".box-footer")
	 .on("click",".btn-cancel",doCancel)
	 .on("click",".btn-save",doSaveOrUpdate);
	 
	 
	 $("#menuLayer")
     .on("click",".btn-cancel",doHideTree)
     .on("click",".btn-confirm",doSetSelectNode)
     
     //获取#mainContentId上绑定的数据
     var rowData=$("#mainContentId").data("rowData");
	 if(rowData)doInitEditFormData(rowData);
 });
  
  function doInitEditFormData(data){
		/*   $("input[type='radio']").each(function(){
			  if($(this).val()==data.type){
				  $(this).prop("checked",true);
			  }
		  }) */
		  $(".typeRadio input[value='"+data.type+"']").prop("checked",true);
		  $("#nameId").val(data.name);
		  $("#sortId").val(data.sort);
		  $("#urlId").val(data.url);
		  $("#permissionId").val(data.permission);
		  $("#parentId").val(data.parentName);
		  $("#parentId").data("parentId",data.parentId);
  }

  function doCancel(){
	  var url="menu/doMenuListUI.do";
	  $("#mainContentId").load(url,function(){