关于easyadmin的表单提交

关于easyadmin的表单提交由于使用的是layui,所以用法如下html代码:<divclass=”layui-btnlayui-btn-smlayui-btn-successbtnYuyue”data-seenum=”{$vo.see_num}”data-fee=”{$vo.doctor_price}”data-time=”{$vo.start_time}-{$vo.end_time}”data-id=”{$vo.time_id}”>预约</div><scripttyp.

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

 由于使用的是layui,所以用法如下

html代码:

<div class="layui-btn layui-btn-sm layui-btn-success btnYuyue" data-seenum="{$vo.see_num}" data-fee="{$vo.doctor_price}" data-time="{$vo.start_time}-{$vo.end_time}" data-id="{$vo.time_id}">预约</div>

<script type="text/html" id="modelUser">
    <form id="modelYueForm" lay-filter="modelYueForm" class="layui-form model-form" style="padding:30px;">
        <div class="layui-form-item">
            <label class="layui-form-label">就诊号:</label>
            <div class="layui-input-block">
                <input name="the_num" id="the_num" type="text" class="layui-input" maxlength="20"
                       lay-verType="tips" lay-verify="required" required/>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">挂号费:</label>
            <div class="layui-input-block">
                <input name="the_fee" id="the_fee" type="text" class="layui-input" maxlength="20"
                       lay-verType="tips" lay-verify="required" required/>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">挂号时间:</label>
            <div class="layui-input-block">
                <input name="the_time" id="the_time" type="text" class="layui-input" maxlength="20"
                       lay-verType="tips" lay-verify="required" required/>
            </div>
        </div>
        <input type="hidden" name="time_id" id="time_id" value=""/>
        <div class="layui-form-item text-right" style="margin-left:300px;">
            <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
            <button class="layui-btn" lay-filter="modelYueForm" lay-submit>保存</button>
        </div>
    </form>
</script>

Jetbrains全家桶1年46,售后保障稳定

 js代码如下

layui.use(['layer', 'form'], function () {
                var layer = layui.layer;
                var form = layui.form;
                // 显示表单弹窗
                $('.btnYuyue').click(function (e) {
                    //console.log(e.currentTarget.dataset.seenum);
                    showEditModel();
                   // $('#the_num').attr('value',e.currentTarget.dataset.seenum);
                    $('#the_num').val(e.currentTarget.dataset.seenum);
                    $('#the_time').val(e.currentTarget.dataset.time);
                    $('#the_fee').val(e.currentTarget.dataset.fee);
                    $('#time_id').val(e.currentTarget.dataset.id);
                });

                // 显示表单弹窗
                function showEditModel() {
                    layer.open({
                        type: 1,
                        title: '系统公告' + '<span style="float: right;right: 1px;font-size: 12px;color: #b1b3b9;margin-top: 1px"></span>',
                        area: '1200px',
                        shade: 0.8,
                        id: 'layuimini-notice',
                        //btn: ['查看', '取消'], //原版显示按钮
                        btnAlign: 'c',
                        moveType: 1,
                        content: $('#modelUser').html(),
                        success: function (layero) {
                            // var btn = layero.find('.layui-layer-btn');   原版显示按钮
                            // btn.find('.layui-layer-btn0').attr({
                            //     href: 'https://gitee.com/zhongshaofa/layuimini',
                            //     target: '_blank'
                            // });
                            // 表单提交事件
                            form.on('submit(modelYueForm)', function (data) {
                                //layer.load(2);
                                var url="yuyue";
                                $.post(url, data.field, function (res) {
                                    layer.closeAll('loading');
                                    if (res.code == 200) {
                                        layer.close(dIndex);
                                        layer.msg(res.msg, {icon: 1});
                                        insTb.reload();
                                    } else {
                                        layer.msg(res.msg, {icon: 2});
                                    }
                                }, 'json');
                                return false;
                            });
                        }
                    });
                }
            });

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:http://www.javaforall.cn/234720.html原文链接:http://www.javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 键盘与计算机连接,罗技键盘怎么连接电脑?原来连接的方式这么简单!「建议收藏」

    键盘与计算机连接,罗技键盘怎么连接电脑?原来连接的方式这么简单!「建议收藏」现在科技的发展已经让我们拥有越来越方便电子的工具,他们在生活中会帮助我们更快捷方便的达到目的,可以说科技创造了新的生活与理念。很多人也都逐渐让自己的生活更加接近现代技术的发展,比如我们会通过在生活中购买很多的智能家居的方式,让自己感受科技的力量。其实除了智能家居,我们常使用的电脑就是一种非常智能和先进的科技。而与电脑相关的键盘也被开发的越来越智能和先进,我们的使用的可能过程可能就会存在很多的问题,…

    2022年10月16日
  • idea2021.4.14版本永久激活码_通用破解码

    idea2021.4.14版本永久激活码_通用破解码,https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

  • Linux 下一个 Mysql error 2002 错误解决

    Linux 下一个 Mysql error 2002 错误解决

  • 用java实现图片切换_电视背景集成墙面

    用java实现图片切换_电视背景集成墙面下载openCV官网地址:Releases-OpenCV下载地址:DownloadOpenCVfromSourceForge.net这里我用的opencv440的windows版本下载完成后点击exe进行安装,安装完成后会生成opencv文件夹,里面有各个环境文件boot示例1.在opencv\build\java\以及opencv\build\java\x64下提取jar包以及动态库。2.在resources下创建lib/opencv文件夹,并将..

  • LeetCode——Add Binary

    LeetCode——Add Binary

  • 数据库的存储系列———将图片存储到数据库

    数据库的存储系列———将图片存储到数据库数据库的存储—系列———将图片存储到数据库在很多时候我们都使用数据库才存储我们的数据,然而我们通常在数据库里面存放的数据大多都支持数或者是一些字符,那么如果我们想在数据库里面存放图片,那么应该要怎么做的?第一,我们可以将图片所在的路径或者URI存入到数据库里面,这样简单方便。不过这样的缺点也很显然,就是图片路径改变的时候,我们没有办法通过数据库来获取这一张图片。所以这种方法并不是我们所想要的将图片存

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号