关于使用jQuery EASYUI的一些小技巧

第一个是使用jQuery Easyui实现右键菜单：

$("#tt").tree({ 
                   url:"a1.jsp",
                   dnd:true,
                   //右键菜单
                   onContextMenu: function(e, node){
						e.preventDefault();
						// 查找节点
						$("#tt").tree("select", node.target);
						// 显示快捷菜单，在页面中的
						$("#mm").menu("show", {
							left: e.pageX,
							top: e.pageY
						});
					},
                    //拖拽功能实现，dnd属性必须设置为TRUE
                    onDrop:function(target,source,point){
		  //target：DOM对象，需要被拖动动的目标节点。source：源节点。point：表示哪一种拖动操作，可用值有："append","top" 或 "bottom"。
                     var node = $("#tt").tree("getNode",target);//这是目标id，也就是要变成的上级                   
                     if(node.flag=="01"){
                     //说明是叶子节点，所以在拖拽的时候要进行修改flag属性
                     var url="com.primeton.qusbase.tree.dropupdatetree.biz.ext";                     
                     }else{
                     //说明不是叶子节点，只需要进行插入即可
                     var url="com.primeton.qusbase.tree.droptree.biz.ext";
                     }
                   
                     $.post(url,
                     {
                     "obj/QUES_CLASS_ID":source.id,
			         "obj/HIGHER_CLASS":node.id
			         },
                     function(result){
	                      if(result.msg=="success"){
			                $("#tt").tree("reload");   
			 
			              }else{
			                $.messager.alert("提示","不好意思啊！拖拽失败了！","error");
			                   return;
			               }
	                     
	                     });
					 
		   }
	                
	                                    
             });

                              <!--右键快捷菜单的选项-->
                                 <div id="mm" class="easyui-menu" style="width: 120px;">
				    
					<div onclick="append()" data-options="iconCls:"icon-add"">
					追加						
					</div><br/>
					
					<div onclick="remove()" data-options="iconCls:"icon-remove"">
					移除						
					</div><br/>
					
					<div onclick="update()" data-options="iconCls:"icon-edit"">	
					修改					
					</div>
				</div>

function ExportExcel(){ var rows= $("#gt").datagrid("getRows");//这个事easyui中拿到datagrid中的当前页面所有数据 var oXL;try{ oXL= new ActiveXObject("Excel.Application");//创建excel应用程序对象}catch(e){ $.messager.alert("系统提示","对不起您没有安装excle，或者无法启动excle，请检查您浏览器的设置","warning");} var oWB=oXL.Workbooks.Add();//创建当前活动的工作薄 var oSheet=oWB.ActiveSheet;//获取当前活动的工作薄 oSheet.Cells(1,1).value="姓名"; oSheet.Cells(1,2).value="考试名称"; oSheet.Cells(1,3).value="考试方式"; oSheet.Cells(1,4).value="考试时间"; oSheet.Cells(1,5).value="分数"; oSheet.Cells(1,6).value="所属单位"; for(var i = 0; i < rows.length; i++) { oSheet.Cells(i+2,1).value=rows[i].ENAME; oSheet.Cells(i+2,2).value=rows[i].TESTNAME; oSheet.Cells(i+2,3).value=rows[i].MYFLAG; oSheet.Cells(i+2,4).value=rows[i].TESTTIME; oSheet.Cells(i+2,5).value=rows[i].SCORE; oSheet.Cells(i+2,6).value=rows[i].ORGNAME; } oXL.Visible = true; //设置excel可见属性}