关于使用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 οnclick="append()" data-options="iconCls:'icon-add'">
					追加						
					</div><br/>
					
					<div οnclick="remove()" data-options="iconCls:'icon-remove'">
					移除						
					</div><br/>
					
					<div οnclick="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可见属性}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值