<include file="public@header"/> </head> <body> <div class="wrap js-check-wrap"> <ul class="nav nav-tabs"> <li ><a href="{:url('Label/classify_list')}">分类管理</a></li> <li class="active"><a href="#">标签管理</a></li> </ul> <button type="button" class="btn btn-default" style="margin-top: 10px;" data-toggle="modal" data-target="#myModal">添加标签</button> <table class="table table-bordered"> <caption>标签管理列表</caption> <thead> <tr> <th>标签名称</th> <th>创建时间</th> <th>操作</th> </tr> </thead> <tbody class="tb"> <volist name="data" id="vo"> <tr class="tr{$vo.id}"> <td>{$vo.name}</td> <td>{$vo.create_time|date="Y-m-d H:i:s",###}</td> <td> <button type="button" class="btn btn-default" data-toggle="modal" data-target="#myeditModal" onclick="myedit({$vo.id})">编辑</button> <button type="button" class="btn btn-default" onclick="del({$vo.id})">删除</button> </td> </tr> </volist> </tbody> </table> </div> <!-- 添加模态框(Modal) --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="myModalLabel">添加标签</h4> </div> <div class="modal-body"> <div style="padding: 10px 100px 10px;"> <form class="bs-example bs-example-form" role="form"> <div class="input-group"> <span class="input-group-addon">标签名称:</span> <input type="text" class="form-control" name="name"> </div> <br> </form> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default guanbi" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary" onclick="mysave()">保存</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal --> </div> <!-- 编辑模态框(Modal) --> <div class="modal fade" id="myeditModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="myModalLabel">编辑</h4> </div> <div class="modal-body"> <div style="padding: 10px 100px 10px;"> <form class="bs-example bs-example-form" role="form"> <div class="input-group"> <span class="input-group-addon">标签名称:</span> <input type="text" class="form-control" name="edit_name"> <input type="hidden" name="id" value=""> </div> <br> </form> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary" onclick="edit_post()">保存</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal --> </div> <script type="text/javascript" src="__STATIC__/js/admin.js"></script> <script> //添加分类保存 function mysave(){ name = $("input[name='name']").val(); if(name == ''){ alert('标签名称不能为空'); }else{ $.post("{:url('Label/lab_add')}",{name:name},function(data){ if(data){ shuju = JSON.parse(data); $('.tb').append("<tr class='tr"+shuju.id+"'><td>"+name+"</td><td>"+shuju.create_time+"</td><td><button type='button' class='btn btn-default' data-toggle='modal' data-target='#myeditModal' onclick='myedit("+shuju.id+")'>编辑</button><button type='button' class='btn btn-default' onclick='del("+shuju.id+")'>删除</button></td></tr>"); $('.guanbi').trigger('click'); }else{ alert('添加失败'); } }); } } //编辑分类 function myedit(id){ $.post("{:url('Label/lab_edit')}",{id:id},function(data){ shuju = JSON.parse(data); $("input[name='edit_name']").val(shuju.name); $("input[name='id']").val(shuju.id); }) } //编辑修改分类 function edit_post(){ name = $("input[name='edit_name']").val(); id = $("input[name='id']").val(); $.post("{:url('Label/lab_edit_post')}",{name:name,id:id},function(data){ window.location.reload(); }); } //删除 function del(id){ ccc = window.confirm('是否删除这条标签?'); if(ccc){ $.post("{:url('Label/lab_del')}",{id:id},function(data){ if(data){ $('.tr'+id).remove(); }else{ alert('删除失败'); } }); } } </script> </body> </html>