magix-components
Version:
1 lines • 7.47 kB
JavaScript
define("mx-table/__test__/index",["magix","../../mx-checkbox/linkage","../sticky","../index","../rwd"],function(t,l,e){t("../sticky"),t("../index"),t("../rwd");var a=t("magix"),g=t("../../mx-checkbox/linkage");e.exports=a.View.extend({tmpl:{html:'<h2>mx-table</h2><h3>固定表头</h3><div class="B ag"><div mx-view="mx-table/sticky"><table class="ay az"><thead><tr><th><input type="checkbox" class="aq" linkage="example1"></th><%for(var a=0;a<5;a++){%><th>示例字段<%=a%></th><%}%></tr></thead><tbody><%for(var b=0;b<10;b++){%><tr><td><input type="checkbox" class="aq" linkage-parent="example1" value="ex1_<%=b%>"></td><%for(var c=0;c<5;c++){%><td>示例字段内容<%=c%></td><%}%></tr><%}%></tbody></table></div></div><div class="B"><div>HTML Code:</div><pre><mx-view path="app/gallery/mx-table/sticky">\n <table class="table table-striped">\n <thead>\n <tr>\n <th><input type="checkbox" class="checkbox" linkage="example1" /></th>\n <%for(var i=0;i<5;i++){%>\n <th>示例字段<%=i%></th>\n <%}%>\n </tr>\n </thead>\n <tbody>\n <%for(var i=0;i<10;i++){%>\n <tr>\n <td><input type="checkbox" class="checkbox" linkage-parent="example1" value="ex1_<%=i%>" /></td>\n <%for(var j=0;j<5;j++){%>\n <td>示例字段内容<%=j%></td>\n <%}%>\n </tr>\n <%}%>\n </tbody>\n </table>\n</mx-view></pre></div><h3 class="f">固定列</h3><div class="B ag"><div mx-view="mx-table/index?rwdRange=2%2C-1"><table class="ay az"><thead><tr><th style="width:50px"><input type="checkbox" class="aq" linkage="example2"></th><%for(var d=0;d<25;d++){%><th style="width:200px">示例字段<%=d%></th><%}%><th style="width:100px">操作</th><th style="width:100px">操作</th></tr></thead><tbody><%for(var e=0;e<10;e++){%><tr><td style="width:50px"><input type="checkbox" class="aq" linkage-parent="example2" value="ex1_<%=e%>"></td><%for(var f=0;f<25;f++){%><td style="width:200px">示例字段内容<%=f%></td><%}%><td style="width:100px"><a href="#">删除</a><br><a href="#">报告</a><br><%if(e%3){%><a href="#">代码</a><br><a href="#">备注</a><br><a href="#">更多</a><br><%}%></td><td style="width:200px">adf</td></tr><%}%></tbody></table></div></div><div class="B"><div>HTML Code:</div><pre><mx-table rwd-range="2,-1">\n <table class="table table-striped">\n <thead>\n <tr>\n <th style="width:50px"><input type="checkbox" class="checkbox" linkage="example2" /></th>\n <%for(var i=0;i<25;i++){%>\n <th style="width:200px">示例字段<%=i%></th>\n <%}%>\n <th style="width:100px">操作</th>\n </tr>\n </thead>\n <tbody>\n <%for(var i=0;i<10;i++){%>\n <tr>\n <td style="width:50px"><input type="checkbox" class="checkbox" linkage-parent="example2" value="ex1_<%=i%>" /></td>\n <%for(var j=0;j<25;j++){%>\n <td style="width:200px">示例字段内容<%=j%></td>\n <%}%>\n <td style="width:100px">\n <a href="#">删除</a><br />\n <a href="#">报告</a><br />\n <%if(i%3){%>\n <a href="#">代码</a><br />\n <a href="#">备注</a><br />\n <a href="#">更多</a><br />\n <%}%>\n </td>\n </tr>\n <%}%>\n </tbody>\n </table>\n</mx-table></pre></div><h3 class="f">固定列和表头</h3><div class="B ag"><div mx-view="mx-table/index?rwdRange=2%2C-2&sticky=true"><table class="ay az"><thead><tr><th style="width:50px"><input type="checkbox" class="aq" linkage="example3"></th><%for(var g=0;g<25;g++){%><th style="width:200px">示例字段<%=g%></th><%}%></tr></thead><tbody><%for(var h=0;h<10;h++){%><tr><td style="width:50px"><input type="checkbox" class="aq" linkage-parent="example3" value="ex1_<%=h%>"></td><%for(var i=0;i<25;i++){%><td style="width:200px">示例字段内容<%=i%></td><%}%></tr><%}%></tbody></table></div></div><div class="B"><div>HTML Code:</div><pre><mx-view path="app/gallery/mx-table/index" rwd-range="2,-2" sticky="true">\n <table class="table table-striped">\n <thead>\n <tr>\n <th style="width:50px"><input type="checkbox" class="checkbox" linkage="example3" /></th>\n <%for(var i=0;i<25;i++){%>\n <th style="width:200px">示例字段<%=i%></th>\n <%}%>\n </tr>\n </thead>\n <tbody>\n <%for(var i=0;i<10;i++){%>\n <tr>\n <td style="width:50px"><input type="checkbox" class="checkbox" linkage-parent="example3" value="ex1_<%=i%>" /></td>\n <%for(var j=0;j<25;j++){%>\n <td style="width:200px">示例字段内容<%=j%></td>\n <%}%>\n </tr>\n <%}%>\n </tbody>\n </table>\n</mx-view></pre></div><h3 class="f">旧版</h3><div class="B ag"><div mx-view="mx-table/rwd?rwdRange=2%2C-2"><table class="ay az"><thead><tr><th style="width:50px"><input type="checkbox" class="aq" linkage="example4"></th><%for(var j=0;j<25;j++){%><th style="width:200px">示例字段<%=j%></th><%}%></tr></thead><tbody><%for(var k=0;k<10;k++){%><tr><td><input type="checkbox" class="aq" linkage-parent="example4" value="ex1_<%=k%>"></td><%for(var l=0;l<25;l++){%><td>示例字段内容<%=l%></td><%}%></tr><%}%></tbody></table></div></div><div class="B"><div>HTML Code:</div><pre><mx-view path="app/gallery/mx-table/rwd">\n <table class="table table-striped">\n <thead>\n <tr>\n <th style="width:50px"><input type="checkbox" class="checkbox" linkage="example4" /></th>\n <%for(var i=0;i<25;i++){%>\n <th style="width:200px">示例字段<%=i%></th>\n <%}%>\n </tr>\n </thead>\n <tbody>\n <%for(var i=0;i<10;i++){%>\n <tr>\n <td><input type="checkbox" class="checkbox" linkage-parent="example4" value="ex1_<%=i%>" /></td>\n <%for(var j=0;j<25;j++){%>\n <td>示例字段内容<%=j%></td>\n <%}%>\n </tr>\n <%}%>\n </tbody>\n </table>\n</mx-view></pre></div>',subs:[]},mixins:[g],render:function(){this.updater.digest()}})});