<extend name="Public/base"/> <block name="body"> <!-- 标题栏 --> <div class="main-title"> <h2>[{$model['title']}] 列表</h2> </div> <div class="cf top_nav_list"> <div class="fl button_list"> <empty name="model.extend"> <div class="tools"> <a class="btn blue" href="{:U('add?model='.$model['id'])}">新增</a> <button class="btn ajax-post confirm red" target-form="ids" url="{:U('del?model='.$model['id'])}">删 除</button> </div> </empty> </div> <!-- 高级搜索 --> <div class="search-form fr cf" style="margin-bottom:-15px;"> <div class="sleft"> <input type="text" name="title" class="search-input" value="{:I('title')}" placeholder="请输入标题"> <a class="sch-btn" href="javascript:;" id="search" url="{:U('Links/lists','model='.$model['name'],false)}"><i class="btn-search"></i></a> </div> </div> </div> <!-- 数据列表 --> <div class="data-table"> <div class="data-table table-striped"> <table> <!-- 表头 --> <thead> <tr> <th style="text-align:center"class="row-selected row-selected"> <input class="check-all" type="checkbox"> </th> <volist name="list_grids" id="field"> <th style="text-align:center">{$field.title}</th> </volist> </tr> </thead> <!-- 列表 --> <tbody> <volist name="list_data" id="data"> <tr> <td style="border-right:1px solid #DDDDDD;text-align:center"><input class="ids" type="checkbox" value="{$data['id']}" name="ids[]"></td> <volist name="list_grids" id="grid"> <td style="border-right:1px solid #DDDDDD;text-align:center">{:get_list_field($data,$grid)}</td> </volist> </tr> </volist> </tbody> </table> </div> </div> <div class="page"> {$_page|default=''} </div> </block> <block name="script"> <script src="__STATIC__/layer/layer.js"></script> <script type="text/javascript"> //导航高亮 highlight_subnav('{:U('Links/lists')}'); $(function(){ //搜索功能 $("#search").click(function(){ var url = $(this).attr('url'); var query = $('.search-form').find('input').serialize(); query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g,''); query = query.replace(/^&/g,''); if( url.indexOf('?')>0 ){ url += '&' + query; }else{ url += '?' + query; } window.location.href = url; }); //回车自动提交 $('.search-form').find('input').keyup(function(event){ if(event.keyCode===13){ $("#search").click(); } }); //点击排序 $('.list_sort').click(function(){ var url = $(this).attr('url'); var ids = $('.ids:checked'); var param = ''; if(ids.length > 0){ var str = new Array(); ids.each(function(){ str.push($(this).val()); }); param = str.join(','); } if(url != undefined && url != ''){ window.location.href = url.replace(".html","") + '/ids/' + param; } }); // layer.confirm('您是如何看待前端开发?', { // btn: ['重要','奇葩'] //按钮 // }, function(){ // layer.msg('的确很重要', {icon: 1}); // }, function(){ // layer.msg('也可以这样', { // time: 20000, //20s后自动关闭 // btn: ['明白了', '知道了'] // }); // }); }) </script> </block>