easyui-accordion默认展开指定分类

 二话不说上代码!

这是HTML的代码:

<body>

	<div region="west" split="true" class="easyui-panel" title="导航菜单" style="width: 250px;">
		<div id="aa" class="easyui-accordion" style="position: absolute; top: 27px; left: 0px; right: 0px; bottom: 0px; padding: 0;">
            <div title="生产管理" iconcls="icon-myproduct" style="overflow: auto; padding: 10px; height: 61%;">
				<ul>
					<li><span><a class="easyui-linkbutton" iconcls="icon-myproductmanger" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="qc/QCProject.jsp">不良项目管理</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-myproductmanger" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="qc/QCProductCode.jsp">延误代码管理</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-myproductmanger" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="qc/QCProductionPlan.jsp">生产计划管理</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-myproductmanger" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="qc/QCGroup.jsp">生产组别</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-myproductmanger" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="qc/ProductMain.jsp">订单生产信息</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-myproductmanger" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="qc/ProductRecord.jsp">产品信息</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-myproductmanger" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="qc/QCProgressManHour.jsp">产品工时工序</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-myproductmanger" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="qc/QCProgress.jsp">工序信息</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-myproductmanger" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="qc/QCProductType.jsp">产品类型信息</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-myproductmanger" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="qc/CapaCityDetailByWorkHour.jsp">生产综合看板(工时)</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-myproductmanger" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="qc/CapaCityDetailByHour.jsp">生产综合看板(时间)</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-myproductmanger" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="qc/FailureHour.jsp">失败工时管理</a></span></li>
				</ul>
			</div>
       	    <div title="品质管理"  data-options="selected:false" iconcls="icon-quality"  style="padding: 10px;height:61%;"> 
               <ul>  
              	   <li><span><a class="easyui-linkbutton" iconcls="icon-report" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="sq/SQFind.jsp">物料检验</a></span></li>
                   <li><span><a class="easyui-linkbutton" iconcls="icon-report" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="sq/SQSSC.jsp">抽样方案</a></span></li>  
               </ul>
            </div>  
			<div title="财务管理" iconcls="icon-mymoney"  style="padding: 10px;height:61%;">  
                                                           施工中....... 
            </div> 
			<div title="人事管理" iconcls="icon-mydept" style="padding: 10px; height: 61%;">
				<ul>
					<li><span><a class="easyui-linkbutton" iconcls="icon-mydept2" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="qc/Department.jsp">部门概况</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-mydept2" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="qc/QCEmployee.jsp">雇员信息</a></span></li>
				</ul>
			</div>
			<div title="报表管理" iconcls="icon-myreport" style="padding: 10px; height: 61%;">
				<ul>
					<li><span><a class="easyui-linkbutton" iconcls="icon-statement" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="report/QCReport_easyui.jsp">QC检查记录表</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-statement" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="report/QCGoodProject_easyui.jsp">良品条形码</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-statement" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="report/QCBadProject_easyui.jsp">不良品条形码</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-statement" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="report/OrderCheck.jsp">生产订单型号品质汇总表</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-statement" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="report/QCDateReport_easyui.jsp">生产日报及汇总</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-statement" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="report/MonthlyCapacity.jsp">生产月报表</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-statement" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="report/FQCDateRpt_easyui.jsp">FQC日报月报及汇总</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-statement" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="report/badRateRpt_easyui.jsp">不良率推移图</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-statement" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="report/badRateSummaryRpt_easyui.jsp">不良率推移汇总</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-statement" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="report/IQCRpt_easyui.jsp">IQC物料检验报表</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-statement" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="report/MaintenanceTreatmentReport.jsp">维修报告表</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-statement" plain="true" target="mainFrame" style="width: 150px; text-align: left;"
								toggle="true" group="g1" way="report/PCBAInfos.jsp">PCBA报表</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-statement" plain="true" target="mainFrame" style="width: 150px; text-align: left;"
								toggle="true" group="g1" way="report/xiaoL.jsp">效率一览表</a></span></li>
				</ul>
			</div>
			<div title="看板管理" iconcls="icon-mylookboard" style="padding: 10px; height: 61%;">
				<ul>
					<li><span><a class="easyui-linkbutton" iconcls="icon-mylookboard2" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="board/QCBoard_easyui.jsp">生产日报看板</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-mylookboard2" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="board/QCBoard2_easyui.jsp">生产日报看板2</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-mylookboard2" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="board/QCBoardv2.jsp">生产日报看板v2.0</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-mylookboard2" plain="true" style="width: 180px; text-align: left;" toggle="true"
								group="g1" way="board/QCProductionBoard.jsp">产能看板</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-mylookboard2" plain="true" style="width: 180px; text-align: left;" toggle="true"
								group="g1" way="board/GroupQCCheckBoard.jsp">在产订单</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-mylookboard2" plain="true" style="width: 180px; text-align: left;" toggle="true"
								group="g1" way="board/GetPONOBoard.jsp">订单生产信息</a></span></li>
				</ul>
            </div>  
            <div title="统计视图" iconcls="icon-mycharts"  style="padding: 10px;height:61%;"> 
               <ul>   
                   <li><span><a class="easyui-linkbutton" iconcls="icon-mypie" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="report/HighChartsOfCapacity.jsp">产能品质统计</a></span></li> 
                   <li><span><a class="easyui-linkbutton" iconcls="icon-mypie" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="report/HighChartsOfProductType.jsp">产品类型统计</a></span></li> 
                   <li><span><a class="easyui-linkbutton" iconcls="icon-mypie" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="report/HighChartsOfPerHour.jsp">产能对比</a></span></li>    		
                   <li><span><a class="easyui-linkbutton" iconcls="icon-mypie" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="report/badProductStatistics.jsp">产品不良统计</a></span></li>
               </ul>
            </div>
            <div title="基础数据" iconcls="icon-mydatabases"  style="padding: 10px;height:61%;">  
               <ul>   
                   <li><span><a class="easyui-linkbutton" iconcls="icon-mydatabase" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="qc/QCWorkTime.jsp">工作时间</a></span></li>
                   <c:if test="${sessionScope.name eq 'admin'}">
                   <li><span><a class="easyui-linkbutton" iconcls="icon-mydatabase" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="qc/Developer.jsp">数据预览</a></span></li>
                   </c:if>
                   <li><span><a class="easyui-linkbutton" iconcls="icon-mydatabase" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="indexjsp/mytest.jsp">测试</a></span></li>
                   <li><span><a class="easyui-linkbutton" iconcls="icon-mydatabase" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="indexjsp/packing.jsp">打包测试</a></span></li>
                   <li><span><a class="easyui-linkbutton" iconcls="icon-mydatabase" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="indexjsp/MyJsp2.jsp">开卡界面</a></span></li>   
                   <li><span><a class="easyui-linkbutton" iconcls="icon-mydatabase" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="indexjsp/swipemachine.jsp">卡机管理</a></span></li> 
                   <li><span><a class="easyui-linkbutton" iconcls="icon-mydatabase" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="indexjsp/swiperepair.jsp">维修管理</a></span></li>                  
                   <li><span><a class="easyui-linkbutton" iconcls="icon-mydatabase" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="qc/pdf.jsp">PDF</a></span></li>
                   <li><span><a class="easyui-linkbutton" iconcls="icon-mydatabase" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="indexjsp/qccheck.jsp">QC检测</a></span></li> 
                   <li><span><a class="easyui-linkbutton" iconcls="icon-mydatabase" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="qm/PQC.jsp">二维码打印</a></span></li>                   
                   <li><span><a class="easyui-linkbutton" iconcls="icon-mydatabase" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="qm/PQCR.jsp">二维码(CC02)导出</a></span></li>                   
                   <li><span><a class="easyui-linkbutton" iconcls="icon-mydatabase" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="qm/PQCRCC01.jsp">二维码(CC01)导出</a></span></li>                    
               </ul> 
            </div> 
            <div title="维修管理" iconcls="icon-myuser"  style="padding: 10px;height:61%;"> 
               <ul>  
                   <li><span><a class="easyui-linkbutton" iconcls="icon-myreport2" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="Repair/ProcessingMethod.jsp">处理方法</a></span></li> 
                   <li><span><a class="easyui-linkbutton" iconcls="icon-myreport2" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="Repair/badReason.jsp">不良品原因</a></span></li> 
               </ul>
            </div> 
         	<div title="ERP数据查询" iconcls="icon-search"  style="padding: 10px;height:61%;">  
               <ul>   
                   <li><span><a class="easyui-linkbutton" iconcls="icon-data" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="bom/storage_num.jsp#">仓存数量查询</a></span></li>                   
                   <li><span><a class="easyui-linkbutton" iconcls="icon-data" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="bom/orderbom.jsp">订单BOM查询</a></span></li>                   
                   <li><span><a class="easyui-linkbutton" iconcls="icon-data" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="bom/pro_list.jsp">生产投料单查询</a></span></li>   
                   <li><span><a class="easyui-linkbutton" iconcls="icon-data" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="bom/out_list.jsp">委外投料单查询</a></span></li> 
                   <li><span><a class="easyui-linkbutton" iconcls="icon-data" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="bom/outstanding_orders.jsp">未完成订单查询</a></span></li>                    
                   <li><span><a class="easyui-linkbutton" iconcls="icon-data" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="bom/material_basicdata.jsp">物料基础资料查询 </a></span></li>
                   <li><span><a class="easyui-linkbutton" iconcls="icon-data" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="failure.jsp">K3物料出入库明细</a></span></li>                  
                   <li><span><a class="easyui-linkbutton" iconcls="icon-data" plain="true" target="mainFrame" style="width:180px;text-align:left;" toggle="true" group="g1" way="failure.jsp">施工中……</a></span></li> 
               </ul> 
            </div> 
            <div title="生产任务管理" iconcls="icon-myreport" style="padding: 10px; height: 61%;">
				<ul>
					<li><span><a class="easyui-linkbutton" iconcls="icon-myreport2" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="ProductionTask/scrappySomething.jsp">生产报废/补料新增</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-myreport2" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="ProductionTask/scrappySomethingMaintain.jsp">生产报废/补料维护</a></span></li>
				</ul>
			</div>
            <div title="系统管理" iconcls="icon-admin" style="padding: 10px; height: 61%;">
				<ul>
					<li><span><a class="easyui-linkbutton" iconcls="icon-manager" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="qc/QCUser.jsp">用户管理</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-manager" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="qc/QCPermission.jsp">权限管理</a></span></li>
					<li><span><a class="easyui-linkbutton" iconcls="icon-manager" plain="true" target="mainFrame" style="width: 180px; text-align: left;"
								toggle="true" group="g1" way="qc/QCRole.jsp">角色管理</a></span></li>
				</ul>
			</div>
        </div>
	</div>

</body>

 这是默认展开最后一个分类的JS代码:

$(document).ready(function() {

        $("#aa").accordion({
            selected:12//默认展开系统管理模块
        })

});

如要要默认展开第一个就这样子:

$(document).ready(function() {

        $("#aa").accordion({
            selected:0
        })

});

 改成0就好了。

拓展:默认关闭所有的方法

$(function(){
    $("#aa").accordion('getSelected').panel('collapse')
});

$(document).ready(function() {
        $("#aa").accordion({
            selected:-1//既然0是第一行,那我改成-1就找不到,自然就是关闭状态啦
        })
});

注释掉'jquery.easyui.min.js'中第3704行的'_2a0(0);'。(不同版本下,位置和代码可能不一样哦!)

if(_29f.length){
 //_2a0(0);
 }

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值