Layer表单提交友好提示

maogu5个月前Flutter74
layer<form action="aa" method="get" id="form">
<button type="button" class="layui-btn layui-btn-danger layui-btn-radius layui-btn-xs" onclick="val()"> test</button>

<script>
    //询问框
    function val()
    {
        layer.confirm('确定提交吗', {
            btn: ['确定','取消'] //按钮

        }, function(){
            layer.msg('的确很重要', {icon: 1});
           $('#form').submit();
        }, function(){
            layer.msg('已经取消', {icon: 2});
            return false;
        });
    }

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

        //第一个实例
        table.render({
            elem: '#demo'
            ,height: 800
            ,url: '/users/' //数据接口
            ,page: true //开启分页
            ,limit: 15 //开启分页
            ,limits: [15] //开启分页
            ,parseData: function(res){ //res 即为原始返回的数据
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.data.total, //解析数据长度
                    "data": res.data.data, //解析数据列表
                };
            }
            ,cols: [[ //表头
                {field: 'id', title: 'ID', width:200, sort: true, fixed: 'left' }
                ,{field: 'name', title: 'name', width:300}
                ,{field: 'email', title: 'email', width:300, sort: true}
                ,{field: 'email_verified_at', title: 'email_verified_at', width:300, sort: true}

                ,{field: 'created_at', title: 'created_at', width:200}
                ,{field: 'updated_at', title: 'updated_at', width: 200}
                ,{field: 'updated_at', title: 'updated_at', width: 200}
                ,{fixed: 'right', title:'操作', toolbar: '#test-table-toolbar-barDemo', width:150}
            ]]

        });
        //监听行工具事件
        table.on('tool(test-table-toolbar)', function(obj){
            var data = obj.data;
            if(obj.event === 'del'){
                layer.confirm('真的删除行么', function(index){
                    obj.del();
                    layer.close(index);
                });
            } else if(obj.event === 'edit'){
                layer.prompt({
                    formType: 2
                    ,value: data.email
                }, function(value, index){
                    obj.update({
                        email: value
                    });
                    layer.close(index);
                });
            }
        });


       });
</script>


相关文章

世界时间api

void getData() async{  Response response= await get('http://world...

Flutter开发环境搭建Mac版

这里我们可能会遇到一个问题,就是提示zsh: command not found: flutter这说明我们上面配置flutter命令没有成功,检测一下路径是否有问题,可以cd到/Users/用户名/...

表单提交

import 'package:flutter/material.dart'; class PersonPage extends Stat...

[Flutter]md5加密

dart有内置的md5加密包,先引入头文件: import 'dart:convert'; import 'package:convert/convert.dart'...

Flutter Api 数据调用

class BannerItem {   final String title;   final Stri...

APP启动引导图

import 'package:flutter/material.dart'; import 'package:intro_views_flutter/M...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。