UI插件【B-JUI頁面id惟一】

頁面結構

B-JUI僅有一個主頁面(document)，框架內的全部子頁面將經過Ajax獲取後做爲一個頁面片斷附加到主頁面上，外部頁面則經過iframe嵌入主頁面。

主頁面結構(僅body部分)

主頁面由上（頁頭）、中左（導航菜單）、中右（工做區）、下（頁腳）四部分組成，其中左側導航菜單可收縮。結構以下：

<header class="bjui-header" id="bjui-header">
    <!-- 頁頭 -->
</header>
<div class="bjui-leftside" id="bjui-leftside">
    <!-- 導航菜單 -->
</div>
<div id="bjui-container">
    <!-- 工做區 -->
</div>

<footer class="bjui-footer" id="bjui-footer">
    <!-- 頁腳 -->
</footer>

子頁面（即頁面片斷[後面簡稱：頁片]）結構

頁片一般由兩部分組成，也能夠只保留bjui-pageContent部分，其中bjui-pageContent部分可選bjui-headBar（頂部工具條）和bjui-footBar（底部工具條）。結構以下：

<div class="bjui-pageHeader">

  <!-- 頂部模塊[如：功能按鈕、搜索面板] -->
</div>
<div class="bjui-pageContent">
    <div class="bjui-headBar">
        <!-- 頂部工具條 -->
    </div>
    <div data-layout-h="0">
        <!-- 內容區 -->
    </div>
    <div class="bjui-footBar">
        <!-- 底部工具條  -->
    </div>
</div>

• data-layout-h 屬性表示該容器爲頁片自適應佈局，當值爲0時，B-JUI會爲該容器的高度自動賦值爲：本頁片總高度減去本頁片中的固定元素(bjui-pageHeader\bjui-headBar\bjui-footBar)高度。

• data-layout-h 屬性值不等於0時，該容器高度爲本頁片總高度減去屬性值。

• 須要自定義固定元素(塊級元素有效)，請爲該元素添加屬性data-layout-fixed="true"

由於本框架默認全部內容都位於一個Document中，因此爲元素命名ID的時候須要作到惟一性，若是確實不可避免的會出現有重複ID的現象，須要操做當前頁片的元素時，儘可能用：

$.CurrentNavtab.find('#dom-id')，在當前標籤工做區中查找指定ID的元素。

或 $.CurrentDialog.find('#dom-id')，在當前彈窗中查找指定ID的元素。