JBolt開發平臺入門（15）- 上下結構主從表管理簡單實現

在上節課中，咱們講到一種上下結構的主從表管理方式。以下圖所示：

上圖中，上半部分是主表JboltVersion表的增刪改查管理table;

class="jbolt_master_slave_box" 聲明是一個主從表管理頁面容器 class="jbolt_master_container" 聲明上半部分主要作主表管理

class="jbolt_master_page" 聲明給主表使用的分頁組件區域 實際上是放在 主從表中間部位

class="jbolt_slave_container" 聲明下半部分主要作子表管理的容器

中間是分頁組件 對應的是主表的分頁，下半部分是子表管理區域。 若是子表有多個，就會出現多個選項卡。

每一個選項卡內容區域是包含了一個data-ajaxportal的區域，經過配置data-url去動態加載子表數據。

觸發事件是上面主表的每一行數據的點擊事件，點擊上方任意一行，獲取到tr綁定的數據的惟一主鍵ID 與下方子表的ajaxPortal的原始URL拼接組成新的URL，調用ajaxPortal的從新加載新URL，實現內容切換。

剩下的就是設計AjaxPortal區域加載了子表的管理UI後的CURD操做，直接參考系統內實例便可。