主子视图
<h2>主子视图</h2>
<p>2个列表即可组成主子视图，如上下结构，左右结构的主子表。
长这样：
<img src="http://h.bblocks.cn/ui/images/template/master_slave_grid.png" alt="主子视图" /></p>
<p><strong>效果上来看不是很好，所以本次bootstrap版本未实现，如需要请参考lay版本调整即可实现。
</strong>
目前实现的主子方式是：</p>
<ul>
<li>建立一个列表视图（认为是主吧）
<img src="http://res.bblocks.cn/doc/master_slave_grid/zhu.png" alt="主视图" /></li>
<li>再建立一个列表视图（认为是子吧）
<img src="http://res.bblocks.cn/doc/master_slave_grid/zi.png" alt="子视图" /></li>
<li>通过在主列表视图某列增加 格式化代码，添加跳转事件，跳转到子列表
<img src="http://res.bblocks.cn/doc/master_slave_grid/zhu_zi.png" alt="主-子视图" /></li>
</ul>
<p>操作步骤：</p>
<ol>
<li>建立主列表视图（见 列表视图操作方式），如：酒店管理（父）</li>
<li>建立子列表视图（见 列表视图操作方式），如：酒店床位管理(子)</li>
<li>
<p>平台维护=》元数据管理，找到”酒店管理（父）“的元对象：hotel，并编辑 hotel需要跳转的列如：酒店名，在”格式化器“填入如下代码：</p>
<p>function(value, row, index, keyName) {
var url='/single_grid/list/v_hotel_bed?template=h&query_hotel_id='+row.id;
return '<a href="javascript:$.modal.openTab(\''+value+'床位\',\''+url+'\');" style="color:blue">'+value+'</a>';
}</p>
</li>
</ol>
<p>至此已开发完成主子模式视图.
<br><br></p>
<p>提醒：</p>
<ol>
<li>在跳转到子页面时，<strong>查询的表单默认会使用传递过来的参数且不能修改</strong>,如果是存在的条件则不允许修改，如果不是存在的则进入隐藏字段</li>
<li>在此子视图打开的新增，<strong>传递过来的字段也属于不能修改字段</strong></li>
<li>跳转的地址查找(以chrome为例)：
<blockquote>
<ol>
<li>F12 打开浏览器控制台</li>
<li>以此如图操作提取地址
<img src="http://res.bblocks.cn/doc/master_slave_grid/menu.png" alt="查找菜单地址" /></li>
</ol>
</blockquote></li>
</ol>
<p>简单的说就是：A酒店 打开的A酒店的床位管理，只能查询A酒店床位，同时打开新增也只能新增A酒店的床位。</p>
<p>完整demo见：<strong>酒店管理（父）</strong> 和 <strong>酒店床位管理(子)</strong></p>