分类面板

分类面板可用于在各类容器（选项卡容器、窗口容器）中分类展示指定信息，分类面板支持同步、异步加载。

分类面板使用<div>进行布局。分类面板容器、分类标题、分类标题内容、分类内容使用class进行定义，分别为：

分类面板容器：tabs

分类标题：tabsHeader

分类标题内容：tabsHeaderContent

分类内容：tabsContent

分类标题和分类内容<div>处于同一层级，分类标题中<li>与分类内容中<div>一对一对应，需注意对应顺序。

示例

分类面板示例

<!-- 分类面板容器 -->
<div class="tabs" currentIndex="0" eventType="click">

    <!-- 分类标题 -->
    <div class="tabsHeader">
         <div class="tabsHeaderContent">
            <ul>
                <li><a href="javascript:void(0);"><span>流程明细</span></a</li>
                <li><a href="bpmDefinitionConfigBlh_nodeSet.do?defId=${bpmDefinition.defId}" class="j-ajax"><span>节点设置</span></a></li>
                <li><a href="bpmDefinitionConfigBlh_userConfig.do?defId=${bpmDefinition.defId}" class="j-ajax" refresh><span>人员设置</span></a></li>
                <li><a href="bpmNodeBtnBLH_main.do?defId=${bpmDefinition.defId}" class="j-ajax" refresh><span>节点按钮设置</span></a></li>
                <li><a href="bpmDefinitionConfigBlh_defVarConfig.do?defId=${bpmDefinition.defId}" class="j-ajax" id="def_var_config_li" refresh><span>变量设置</span></a></li>
                <li><a href="bpmDefinitionConfigBlh_formConfig.do?defId=${bpmDefinition.defId}" class="j-ajax" refresh><span>表单管理</span></a></li>
                <li><a href="bpmDefinitionConfigBlh_processList.do?defId=${bpmDefinition.defId}" class="j-ajax" refresh><span>流程实例</span></a></li>
                <li><a href="bpmDefinitionConfigBlh_defHistory.do?defId=${bpmDefinition.defId}" class="j-ajax" refresh><span>历史版本</span></a></li>
                <li><a href="bpmDefinitionConfigBlh_otherParamter.do?defId=${bpmDefinition.defId}" class="j-ajax" refresh><span>其他参数</span></a></li>
            </ul>
         </div>
    </div>
    <!-- 分类内容 -->
    <div class="tabsContent" layoutH="85" layoutTo="assign" style="background-color: white;">
        <!-- 流程明细Start -->
        <div><%@ include file="bpm_definition_info.jsp"%></div>
        <!-- 流程明细 End -->

        <!-- 节点设置 Start -->
        <div>加载节点设置中...</div>
        <!-- 节点设置 End -->

        <!-- 人员设置 Start -->
        <div>加载人员设置中...</div>
        <!-- 人员设置 End -->

        <!-- 节点按钮设置 Start -->
        <div>加载节点按钮设置中...</div>
        <!-- 节点按钮设置 End -->

        <!-- 变量设置 Start -->
        <div>加载变量设置中...</div>
        <!-- 变量设置 End -->

        <!-- 表单管理 Start -->
        <div>加载表单管理中...</div>
        <!-- 表单管理 End -->

        <!-- 流程实例 start -->
        <div>加载流程实例中...</div>
        <!-- 流程实例 end -->

        <!-- 历史版本 start -->
        <div>加载历史版本中...</div>
        <!-- 历史版本 end -->

        <!-- 其他参数 start -->
        <div style="">加载其他参数中...</div>
    </div>
</div>

属性