Layui-表格,弹窗使用

渲染表格

<table class="layui-table" lay-data="{url:'${basePath}/news/list?keyword=',page:true,toolbar: '#toolbarDemo',id:'news_list'}" lay-filter="news_list">
    <thead>
        <tr>
            <th lay-data="{type:'checkbox',width:80}">ID</th>
            <th lay-data="{field:'id', width:50, sort: true}">ID</th>
            <th lay-data="{field:'title', width:280, sort: true, edit: 'text'}">标题</th>  
            <th lay-data="{field:'content', edit: 'text', width:800}">内容</th>
            <th lay-data="{field:'create_date', edit: 'text', width:220}">创建时间</th>
            <th lay-data="{field:'right', width: 150,toolbar:'#barDemo'}">操作
            </th>
    </thead>
</table>

  <script type="text/html" id="barDemo">
    <a onclick="member_stop(this,'10001')" href="javascript:;"  title="启用">
	<i class="layui-icon">&#xe601;</i>
    </a>
    <a title="编辑"  onclick="open_edit({{d.id}})" href="javascript:;">
    <i class="layui-icon">&#xe642;</i>
    </a>
    <a title="删除" onclick="member_del(this,{{d.id}})" href="javascript:;">
    <i class="layui-icon">&#xe640;</i> </a>
	</script>

 layui.use('table',
        function() {
            var table = layui.table;
         }
 );

效果图：

 

 编辑：

function open_edit(id){
          //xadmin.open('编辑','news-edit.jsp?id='+id,1000,850);
          var openid = layer.open({
            type:2
          ,content: ['news-edit.jsp?id='+id,'no']
          ,area: ['1000', '850px']
          ,title:'编辑'
        });
      } 

使用layer弹窗：

 重点：点击立即提交

var e = eval ("(" + data + ")"); 
if(e.code==0){ 
	layer.alert(e.msg,function(){
	    //当你在iframe页面关闭自身时
        //先得到当前iframe层的索引
	    var index = parent.layer.getFrameIndex(window.name); 
        //再执行关闭
	    parent.layer.close(index);
        //刷新父页面表格
	    parent.layui.table.reload('news_list');
    });
}else{
	layer.alert(e.msg);
}