zoukankan      html  css  js  c++  java
  • list

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>layuiAdmin 网站用户</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
    </head>
    <body>

    <div class="layui-fluid">
    <div class="layui-card">
    <div class="layui-form layui-card-header layuiadmin-card-header-auto">
    <div class="layui-form-item">
    <div class="layui-inline">
    <label class="layui-form-label">ID</label>
    <div class="layui-input-block">
    <input type="text" name="id" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
    </div>
    <div class="layui-inline">
    <label class="layui-form-label">用户名</label>
    <div class="layui-input-block">
    <input type="text" name="username" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
    </div>
    <div class="layui-inline">
    <label class="layui-form-label">邮箱</label>
    <div class="layui-input-block">
    <input type="text" name="email" placeholder="请输入" autocomplete="off" class="layui-input">
    </div>
    </div>
    <div class="layui-inline">
    <label class="layui-form-label">性别</label>
    <div class="layui-input-block">
    <select name="sex">
    <option value="0">不限</option>
    <option value="1">男</option>
    <option value="2">女</option>
    </select>
    </div>
    </div>
    <div class="layui-inline">
    <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search">
    <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
    </button>
    </div>
    </div>
    </div>

    <div class="layui-card-body">
    <div style="padding-bottom: 10px;">
    <button class="layui-btn layuiadmin-btn-useradmin" data-type="batchdel">删除</button>
    <button class="layui-btn layuiadmin-btn-useradmin" data-type="add">添加</button>
    </div>

    <table id="LAY-user-manage" lay-filter="LAY-user-manage"></table>
    <script type="text/html" id="imgTpl">
    <img style="display: inline-block; 50%; height: 100%;" src= {{ d.avatar }}>
    </script>
    <script type="text/html" id="table-useradmin-webuser">
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
    </script>
    </div>
    </div>
    </div>

    <script src="../../../layuiadmin/layui/layui.js"></script>
    <script>
    layui.config({
    base: '../../../layuiadmin/' //静态资源所在路径
    }).extend({
    index: 'lib/index' //主入口模块
    }).use(['index', 'useradmin', 'table'], function(){
    var $ = layui.$
    ,form = layui.form
    ,table = layui.table;

    //监听搜索
    form.on('submit(LAY-user-front-search)', function(data){
    var field = data.field;

    //执行重载
    table.reload('LAY-user-manage', {
    where: field
    });
    });

    //事件
    var active = {
    batchdel: function(){
    var checkStatus = table.checkStatus('LAY-user-manage')
    ,checkData = checkStatus.data; //得到选中的数据

    if(checkData.length === 0){
    return layer.msg('请选择数据');
    }

    layer.prompt({
    formType: 1
    ,title: '敏感操作,请验证口令'
    }, function(value, index){
    layer.close(index);

    layer.confirm('确定删除吗?', function(index) {

    //执行 Ajax 后重载
    /*
    admin.req({
    url: 'xxx'
    //,……
    });
    */
    table.reload('LAY-user-manage');
    layer.msg('已删除');
    });
    });
    }
    ,add: function(){
    layer.open({
    type: 2
    ,title: '添加用户'
    ,content: 'userform.html'
    ,maxmin: true
    ,area: ['500px', '450px']
    ,btn: ['确定', '取消']
    ,yes: function(index, layero){
    var iframeWindow = window['layui-layer-iframe'+ index]
    ,submitID = 'LAY-user-front-submit'
    ,submit = layero.find('iframe').contents().find('#'+ submitID);

    //监听提交
    iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
    var field = data.field; //获取提交的字段

    //提交 Ajax 成功后,静态更新表格中的数据
    //$.ajax({});
    table.reload('LAY-user-front-submit'); //数据刷新
    layer.close(index); //关闭弹层
    });

    submit.trigger('click');
    }
    });
    }
    };

    $('.layui-btn.layuiadmin-btn-useradmin').on('click', function(){
    var type = $(this).data('type');
    active[type] ? active[type].call(this) : '';
    });
    });
    </script>
    </body>
    </html>

  • 相关阅读:
    Windows Azure Cloud Service (14) 使用Windows Azure诊断收集日志记录数据
    Windows Azure Cloud Service (13) 用Visual Studio 2010 将应用程序部署到Windows Azure平台
    Windows Azure Cloud Service (15) 多个VM Instance场景下如何处理ASP.NET Session
    Windows Azure Storage (5) Windows Azure Drive
    Windows Azure Storage (7) 使用工具管理Windows Azure Storage
    SQL Azure(二) SQL Azure vs SQL Server
    webbrowser的自动提交
    提取视频的背景声音的软件
    Listview列排序的bug原因
    两个奇怪的问题
  • 原文地址:https://www.cnblogs.com/zzl0916/p/15114688.html
Copyright © 2011-2022 走看看