jq前端總結（老是忘記怎麼寫）

function(id,name){

$.ajax({

 url:<%=basePath%>/bosys/sys/query,

data:{"id":id,"name",name},

type:"POST",

cache:false,

dataType:"json",

success:function(response){

},

error:function(){

$.messager.aleter("出錯了");

}

});

}

var row = $('#roleGrid').treegrid('getSelected');得到選中行的信息

利用easyui-combobox寫下拉菜單

訂單狀態：
<selsct id="tradeStatus" name="tradeStatus" value="${tradeStatus}" style="width:120px" class="easyui-combobox">
<option value="0">未付款</option>
<option value="1">訂單支付</option>
<option value="2">付款失敗</option>
<option value="9">已退款</option>
<option value="" selected="selected">全部</option>
</selsct>

取值

$('#tradeStatus').combo('getValue')

這種與後臺數據交互的

$(function(){
$("#addWindowfkproject").combobox({
url:"<%=basePath%>/bodevice/project/getProjects?purview=<purview:purview name='device:devicetype:add'/>",
onChange:function(){

var fkProject= $('#addWindowfkproject').combobox('getValues')[0];//獲取下拉樹可多選的值

    $("#addWindowModuleGrid").datagrid({url:'<%=basePath%>/bodevice/devicemodule/getSelectedModules?fkProject='+fkProject,pagination:false,queryParams : {}
        }); 
            }

});

<div style="margin-bottom:5px">
<input class="easyui-combobox" name="fkProject" id="addWindowfkproject" style="width:260px" 

data-options="label:'所屬項目',valueField: 'id',textField: 'text' ,required:true,editable:false" >
</div>

後臺

@ResponseBody
@RequestMapping(value="/getTypes",method = RequestMethod.POST)
@Logging(operate ="查詢所有設備類型",remark="查詢所有設備類型")
    public List<Map<String,Object>> getTypes(){
List<DeviceTypeEntity> datas = new ArrayList<DeviceTypeEntity>();
try {
datas = deviceTypeService.findAll();
} catch (ServiceException e) {
logger.error("查詢所有設備類型findall異常："+e);
e.printStackTrace();
}
List<Map<String,Object>> rowsData = new ArrayList<Map<String,Object>>();
for(DeviceTypeEntity d : datas){
Map<String,Object> data = new HashMap<String, Object>();
data.put("id", d.getId());
data.put("text", d.getName());
rowsData.add(data);
}
return rowsData;
    }

利用tree來寫這樣的列表（下拉菜單）

	$("#projectTree").tree({
            url:'<%=basePath%>/bodevice/project/getProjectsTree?haveProject=true',
            onLoadSuccess:function(node, data){
            	if(data.length > 0) {
                	//找到第一個元素
                    var n = $('#projectTree').tree('find', data[0].id);
                    //調用選中事件
                    $('#projectTree').tree('select', n.target);
                 }
            }, 
            onSelect:function(node){
            	removeValue();
            	var level =  $().tree("getLevel",node.target);
				if(level==3){
					fkDeviceTypeNum=node.id;
					$('#versionGrid').datagrid({url:'<%=basePath%>/bodevice/clientversion/query',pagination:true,queryParams:{'fkDeviceType':node.id}});
				}else{
					fkDeviceTypeNum=null;
					$('#versionGrid').datagrid({url:'<%=basePath%>/bodevice/clientversion/query',pagination:true,queryParams:{'fkProject':node.id}});
		        }
            }
        });
	});

//獲取節點級別
$.extend($.fn.tree.methods, {
        getLevel:function(jq,target){
            var l = $(target).parentsUntil("ul.tree","ul");
            return l.length+1;
        }
    });

<style>
	.panel-header{
		border-left:solid;
		border-width:1px;
		border-color: #c5c5c5;
	}
	.layout-panel-west .panel-header{
		border-bottom:solid;
		border-width:1px;
		border-color: #c5c5c5;
	}
	.tree-node{
		height:30px;
	}
	.tree-title{
		line-height: 30px;
	}
	.tree-node-hover, .tree-node-selected {
	    background: rgb(66, 143, 185);
	    color:#fff;
	    font-weight: bold;
	}
	.tree-collapsed,.tree-expanded{
		margin-top: 5px;
	}
	.icon-wrench{
		background: none;
    	top: 25%;
	}
</style>

	<div region="west" title="項目列表" border="true" style="width:160px;background:#fafafa;overflow-y:auto; ">
		<ul id="projectTree"></ul>

後臺

@ResponseBody
	@RequestMapping(value="/getProjectsTree",method = RequestMethod.POST)
	@Logging(operate ="開始調用項目樹",remark="開始調用項目樹")
    public List<Map<String,Object>> getProjectsTree(boolean haveProject){
		logger.info("開始調用getProjectsTree");
		List<Map<String,Object>> objects = new ArrayList<Map<String,Object>>();
		try {
			List<Map<String,Object>> firstlevel = new ArrayList<Map<String,Object>>();
			List<ProjectEntity> projects = projectService.query(null,RequestContext.getPurview(),new HashMap<String,Object>()).getRows();
			Map<Long, List<DeviceTypeEntity>> projectTypeMap =BodeviceContext.getProjectTypeMap();
			for(ProjectEntity project:projects){
				Map<String,Object> data = new HashMap<String,Object>();
				data.put("id",project.getId());
				data.put("text",project.getName());
				data.put("iconCls", "icon-blank");
				if(haveProject && projectTypeMap.get(project.getId())!=null){
					List<Map<String,Object>> secondlevel = new ArrayList<Map<String,Object>>();
					for(DeviceTypeEntity dt : projectTypeMap.get(project.getId())){
						Map<String,Object> child = new HashMap<String,Object>();
						child.put("id",dt.getId());
						child.put("text",dt.getName());
						child.put("iconCls", "icon-blank");
						secondlevel.add(child);
					}
					data.put("children", secondlevel);
				}
				if(haveProject && projectTypeMap.get(project.getId())==null){
					continue;
				}else{
					firstlevel.add(data);
				}
			}
			Map<String, Object> root = new HashMap<String, Object>();
			root.put("id", -1);
			root.put("text", "全部");
			root.put("iconCls", "icon-blank");
			root.put("children", firstlevel);
			objects.add(root);
		} catch (ServiceException e) {
			logger.error("getProjectsTree的projectService查詢異常："+e);
			e.printStackTrace();
		}
		return objects;
    }