主子表改關聯表，關聯表設置關聯值

不少狀況，主子表顯示會出現主表或者子表顯示內容太少，單表又不能明確代表關聯關係，因此關聯表就能夠來處理這種關係

1. 設置關聯字段格式化器

   function(value, row, index, field) {
       var url = '/single_grid/list/biz_demo_hotel_stock?query_hotel_id=';
       return '<a href="javascript:parent.addTab(\'' + row.name + '庫存\',\'' + url + '\',\'icon-building\');" style="color:blue">' + value + '</a>';
   }

   經過查詢條件來過濾關聯的頁面數據，可是這時的頁面仍是單表，須要作一點調整才能達到子表效果
2. 禁用關聯頁面的新增按鈕，使用新的按鈕

   <button class="layui-btn layui-btn-sm" onclick="relation_add()">
       <i class="layui-icon layui-icon-add-1"></i> ${button.name!'新增'}
   </button>
   <script type="text/javascript">
       var relation_add = function () {
   
           var ID = 'grid';
   
           var localurl = window.location.href;
           var num = localurl.indexOf("?");
           localurl = localurl.substr(num + 1); //取得全部參數
           var arr = localurl.split("&"); //各個參數放到數組裏
           var ref = '';
           for (var i = 0; i < arr.length; i++) {
               num = arr[i].indexOf("=");
               if (num > 0) {
                   if (ref.length > 0) {
                       ref += ",";
                   }
                   name = arr[i].substring(0, num);
                   value = arr[i].substr(num + 1);
                   ref += name.replace("query_","")  + ":" + value;
               }
           }
           ref = "?ref=" + ref;
           var url = '/form/add/${object.code}' + ref;
           var width = ${menu.config.params.width!'720'};
           var height = ${menu.config.params.height!'undefined'};
           dialog(ID, '${I18N(button.name)} ${object.name}', url, width, height);
       };
   </script>

   以後打開新的新增時，就會自動填充關聯值，達到和主子表同樣的效果