magix-components/tmpl/mx-popconfirm/__test__/index.html

magix组件

<h2>mx-popconfirm</h2>
<div class="pt20 clearfix">
    <table class="table table-striped">
        <thead>
            <tr>
                <th><input type="checkbox" class="checkbox" linkage="example1" /></th>
                <%for(var i=0;i<5;i++){%>
                <th>示例字段<%=i%></th>
                <%}%>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            <%for(var i=0;i<10;i++){%>
            <tr>
                <td><input type="checkbox" class="checkbox" linkage-parent="example1" value="ex1_<%=i%>" /></td>
                <%for(var j=0;j<5;j++){%>
                <td>示例字段内容<%=j%></td>
                <%}%>
                <td><a href="#" mx-enter="del({id:<%=i%>})" mx-view="mx-popconfirm/index" view-content="确认？">删除</a></td>
            </tr>
            <%}%>
        </tbody>
    </table>
</div>

<div class="pt20">
    <div>HTML Code:</div>
    <pre>&lt;table class="table table-striped"&gt;
    &lt;thead&gt;
        &lt;tr&gt;
            &lt;th&gt;&lt;input type="checkbox" class="checkbox" linkage="example1" /&gt;&lt;/th&gt;
            &lt;%for(var i=0;i&lt;5;i++){%&gt;
            &lt;th&gt;示例字段&lt;%=i%&gt;&lt;/th&gt;
            &lt;%}%&gt;
            &lt;th&gt;操作&lt;/th&gt;
        &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
        &lt;%for(var i=0;i&lt;10;i++){%&gt;
        &lt;tr&gt;
            &lt;td&gt;&lt;input type="checkbox" class="checkbox" linkage-parent="example1" value="ex1_&lt;%=i%&gt;" /&gt;&lt;/td&gt;
            &lt;%for(var j=0;j&lt;5;j++){%&gt;
            &lt;td&gt;示例字段内容&lt;%=j%&gt;&lt;/td&gt;
            &lt;%}%&gt;
            &lt;td&gt;&lt;a href="#" mx-enter="del({id:&lt;%=i%&gt;})" mx-view="mx-popconfirm/index" view-content="确认？"&gt;删除&lt;/a&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;%}%&gt;
    &lt;/tbody&gt;
&lt;/table&gt;</pre>
<div class="pt10">Javascript Code:</div>
    <pre>let Magix = require('magix');
let Linkage = require('../../mx-checkbox/linkage');
let GTip = require('../../mx-gtip/index');
module.exports = Magix.View.extend({
    tmpl: '@index.html',
    mixins: [Linkage,GTip],
    render() {
        let me = this;
        me.updater.digest();
    },
    'del&lt;enter&gt;' (e) {
        this.gtipRT('delete:' + e.params.id);
    }
});</pre>
</div>