精华内容
下载资源
问答
  • 利用layui的layDate控件,在一个弹窗里面用的,弹窗和当前页面同为一个页面,在点击关闭弹窗时要让layDate之前选的值清空掉相当与把这个控件刷新了一次大神们该怎么做?用来约束选择时间的范围var start = laydate....

    利用layui的layDate控件,

    在一个弹窗里面用的,

    弹窗和当前页面同为一个页面,

    在点击关闭弹窗时要让layDate之前选的值清空掉

    相当与把这个控件刷新了一次

    大神们该怎么做?

    用来约束选择时间的范围

    var start = laydate.render({

    elem: '#test-out-start',

    format: 'yyyy-MM-dd',

    isInitValue: false,

    done: function(value, date, endDate) {

    if(value !==''){

    end.config.min = {

    year: date.year,

    month: date.month - 1,

    date: date.date

    }

    }else {

    end.config.min = {

    year: 1900,

    month: 0, //关键

    date: 1

    }

    }

    }

    });

    var end = laydate.render({

    elem: '#test-out-end',

    format: 'yyyy-MM-dd',

    isInitValue: false,

    done: function(value, date, endDate) {

    if(value != ''){

    start.config.max = {

    year: date.year,

    month: date.month - 1,

    date: date.date

    }

    }else {

    start.config.max = {

    year: 1900,

    month: 0, //关键

    date: 1

    }

    }

    }

    });

    })

    我先选择后一个时间,关闭弹窗,此时弹窗并未刷新,然后再次打开,选择第一个时间,发现第二个时间还是影响着第一个时间的选择。

    此时便想有什么方法能将选中的值清空掉

    展开全文
  • 点击上方蓝色字体,选择“标星公众号”优质文章,第一时间送达 作者|xueheng_blog来源 | urlify.cn/rIFJzm66套java从入门到精通实战课程分享问题描述:如何让前端的某个按钮在用户拥有该按钮的权限时才显示?...

    点击上方蓝色字体,选择“标星公众号”

    优质文章,第一时间送达

      作者 |  xueheng_blog

    来源 |  urlify.cn/rIFJzm

    66套java从入门到精通实战课程分享

    问题描述:

    如何让前端的某个按钮在用户拥有该按钮的权限时才显示?如何让后端的某个接口在用户拥有该访问的权限时才可以访问?

    解决方法:

    基于前端的权限控制:前端某个按钮的隐藏或显示可以通过shiro的页面标签来控制,当用户拥有该权限时,我们就让该按钮显示,否则隐藏;

    基于后端的权限控制:后端的某个接口我们可以通过shiro的注解来控制是否允许访问,当用户拥有该权限时,我们就允许访问,否则不允许访问;

    一、基于前端的权限控制

    标签名作用
    shiro:guest允许游客访问的代码块
    shiro:user允许已经验证或者通过"记住我"登录的用户才能访问的代码块。
    shiro:authenticated只有通过登录操作认证身份,而并非通过"记住我"登录的用户才能访问的代码块。
    shiro:notAuthenticated未登录的用户显示的代码块。
    shiro:principal显示当前登录的用户信息。
    只有拥有admin角色的用户才能访问的代码块。
    只有拥有admin或者manager角色的用户才能访问的代码块。
    没有admin角色的用户显示的代码块
    只有拥有"admin:delete"权限的用户才能访问的代码块。
    没有"admin:delete"权限的用户显示的代码块。

    1、添加依赖


    org.apache.shiroshiro-spring1.4.0

    com.github.theborakompanionithymeleaf-extras-shiro2.0.0

    2、在页面头上加标签支持

    "http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

    3、配置shiro标签

    //配置ShiroDialect:用于thymeleaf和shiro标签配合使用
    @Bean
    public ShiroDialect getShiroDialect(){
        return new ShiroDialect();
    }

    4、在页面中使用shiro标签进行权限控制:有两种方式

    二、基于后端的权限控制

    1、添加依赖


    org.apache.shiroshiro-spring1.4.0

    com.github.theborakompanionithymeleaf-extras-shiro2.0.0 

    2、配置注解支持

    /**
     * 开启shiro aop注解支持.
     */
    @Bean
    public AuthorizationAttributeSourceAdvisor authorizationAttributeSourceAdvisor(SecurityManager securityManager) {
        AuthorizationAttributeSourceAdvisor authorizationAttributeSourceAdvisor =       new AuthorizationAttributeSourceAdvisor();
        authorizationAttributeSourceAdvisor.setSecurityManager(securityManager);
        return authorizationAttributeSourceAdvisor;
    }

    3、在控制层接口上添加注解

    @GetMapping("/users")
    @RequiresPermissions("sys:user:list") //只有拥有该权限的用户才能访问该接口
    public DataResult> getAllDept(User user){
        DataResult result =DataResult.success();
        result.setData(this.userService.getUser());return result;
    }

    1881ef8eba22c3cf0ae9c02b74fd69e9.gif

    9e653f63b0e988863afc04eaa1aa78e6.gif

    • 新款SpringBoot在线教育平台开源了

    • 啃了这66套Java项目课程后,终于找到工作了!

    • 精品帖子大汇总

    • 牛逼plus,Spring Boot-Shiro-Vue权限系统(细粒度控制到按钮)

    感谢点赞支持下哈 112c1bbdace8b9cc5595638d2a97b4c3.gif

    展开全文
  • layui工具栏按钮监听事件给大家分享的功能是layui工具栏按钮监听事件Layui工具栏按钮监听事件:点击头部工具栏区域设定了属性为lay-event="" 的元素时触发关键属性为lay-event=""效果图: 图一是查询按钮的监听事件...

    layui工具栏按钮监听事件

    给大家分享的功能是layui工具栏按钮监听事件

    Layui工具栏按钮监听事件:点击头部工具栏区域设定了属性为lay-event="" 的元素时触发

    关键属性为lay-event=""

    效果图:

    图一是查询按钮的监听事件效果

    图二是新增按钮的监听事件效果

    图三是修改按钮的监听事件效果

    图四是删除按钮的监听事件效果

    图五是刷新按钮的监听事件效果

    需要用到的css、js样式:

    按钮代码:

    按钮是用JavaScript封装得来的

    绑定表格:

    创建一个table实例最简单的方式是,在页面放置一个元素,然后通过table.render()方法指定该容器,如下所示:

    绑定表格代码:

    layui.use('table', function () {

    var table = layui.table;

    table.render({

    elem: '#table',

    data: [],

    //url: 'SelectDepartment', //数据接口

    page: true, //开启分页

    cols: [[ //表头

    {type: 'checkbox', fixed: 'left'},

    { type: 'numbers', title: '序号', align: 'center', width: 100 },

    { field: 'DepartmentNumber', title: '部门编号', align: 'center' },

    { field: 'Department', title: '部门名称', align: 'center' }

    ]],

    id: 'table',

    toolbar: '#toolbarDemo',//开启自定义工具行,指向自定义工具栏模板选择器

    defaultToolbar: ['filter', 'print', 'exports']

    });

    });

    头部工具栏按钮监听事件代码:

    table.on('toolbar(test)', function (obj) {

    var checkStatus = table.checkStatus(obj.config.id);

    switch (obj.event) {

    case 'getSelect':

    layer.msg("这是查询", { icon: 6, anim: 6 });

    break;

    case 'getInsert':

    layer.msg("这是新增", { icon: 6, anim: 6 });

    break;

    case 'getUpdate':

    layer.msg("这是修改", { icon: 6, anim: 6 });

    break;

    case 'getDelete':

    layer.msg("这是删除", { icon: 6, anim: 6 });

    break;

    case 'getRefresh':

    layer.msg("这是刷新", { icon: 6, anim: 6 });

    //location.reload();

    break;

    }

    });

    展开全文
  • 而且大家都在复制粘贴,浪费时间) 方法一:将button标签更换为input <input class="layui-btn test" >test</input> 方法二: <button type="button" class="layui-btn test" >test</...

    网友的解决方法:(我只想说,放屁!!!而且大家都在复制粘贴,浪费时间)

    方法一:将button标签更换为input

    <input class="layui-btn test" >test</input>

    方法二:

    <button type="button" class="layui-btn test" >test</button>

    应用场景代码
    <form class="layui-form"  action="" lay-filter="formSearch">
                        <div class="layui-form-item">
                            <label class="layui-form-label">多选</label>
                            <div class="layui-input-inline">
                                <input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input" id="demo">
                                <button  lay-submit="" class="layui-btn" lay-filter="getVal1">取值</button>
                            </div>
                        </div>
                    </form>

    js:

                    layui.config({
                        base: '../../layuiadmin/' //layUI 根目录,在Areas需要多写一层 ../
                    }).extend({
                        tableSelect: 'ext/tableSelect/tableSelect',//tableSelect
                        formSelects: 'ext/formSelects/formSelects-v4'//formSelects
                        }).use(['form', 'layer', 'tableSelect', 'formSelects'], function () {
                            var $ = layui.$, form = layui.form, layer = layui.layer,
                            tableSelect = layui.tableSelect, formSelects = layui.formSelects;
    
                            form.render(null, 'formSearch');
                            form.on('submit(getVal1)', function (data) {
                                console.log($("#demo").val()); return false;
                                //layer.msg($("#demo").val());
                            });

     

    最关键的是:
    return false;
    return false;
    return false;

    妈蛋,早应该想到的,想到的时候心里觉得,逻辑上不需要,┭┮﹏┭┮,然后耽误了我至少一个小时,这脑回路。。。。。。。。。。。。。。。。。。

    转载于:https://www.cnblogs.com/bamboo-zhang/p/11137109.html

    展开全文
  • layui的table工具栏按钮失效怎么解决?发布时间:2020-05-28 16:38:58来源:亿速云阅读:574作者:鸽子1. Html页面号码:搜索新增用户删除用户2. 对应的jslayui.use(['form','layer','table'],function(){var form = ...
  • 查看详情layui.use(‘table‘, function() {var table = layui.table;//监听行工具事件table.on(‘tool(test)‘, function(obj) {var d = obj.data;console.log(d);//可以打印出当前行的信息if(obj.event === ‘edit...
  • layui表格按钮跳转页面

    万次阅读 2019-09-28 08:36:40
    Layui的表格按钮跳转在很多项目都会遇到,比如一个部门表格,在每一条部门数据后都有一个查看按钮点击按钮跳转页面,可以查看到部门下的员工等等,比如餐饮系统的一道菜,点击查看按钮,可以了解菜所需的材料等等...
  • 1 $('.littleTaskBtn li').on('click',function(){ 2 var content=$('.content').html(); 3 $('.layui-timeline-item').css('display','block'); 4 $('#layui-timeline'...
  • 利用layui的layDate控件,在一个弹窗里面用的,弹窗和当前页面同为一个页面,在点击关闭弹窗时要让layDate之前选的值清空掉相当与把这个控件刷新了一次大神们该怎么做?用来约束选择时间的范围var start = laydate....
  • 工具栏按钮:示例代码中工具栏按钮的监听事件:table.on('toolbar(taskListTable)', function(obj){switch(obj.event){case 'cancelTask':active.cancelTask()break;};});这个代码,当tableIns.reload();之后,事件...
  • 但是一般配置出来的按钮都是点击去执行一个指定操作没有后续,如何自己定义一个像导出那样的工具按钮呢,点击之后弹出对应的操作选择,选择一个后再进行对应的操作,下面直接上代码。table.init('demo',{limit:50,...
  • 先看个大家可能都遇到过的...但是点击无法触发原先添加的tool监听,这就尴尬了,只能手动的拖拽一下列宽显示出其他的按钮然后在点击,或者应该在一开始的时候就设置一个足够的宽度,但是问题也来了,如果里面的按钮...
  • 现在我先选择后一个时间点击清空,然后再次打开,选择第一个时间,发现第二个时间还是影响着第一个时间的选择。此时便想有什么方法能将选中的值清空掉问题出现的环境背景及自己尝试过哪些方法写了两个input日历,...
  • Layui表单实现点击按钮后无限增加多个input输入框或select,给输入框增加功能(lay-search模糊搜索、laydate时间选择控件),并且表单提交循环取值。 我也是参考了很多的代码,记录一下。希望能帮到别人。如果你有...
  • Html: 结果: 校区筛选(PHP进行渲染)-Html:(以后就按照教的这样写) 结果: 操作里的内容: 结果:(红色框框里的内容) 点击搜索按钮:【颜色相同的相对应,方便理解】 Html:(这里截屏Html部分,是为了方便理解下面...
  • 主要内容时间节点00′18″软件初始化设置05′58″修改销售方信息/修改初始化设置06′56″登录开票软件08′25″添加操作员信息12′36″切换登录身份初始设置指南01系统注册【第一步】:安装软件后,点击桌面生成的...
  • 不过我在使用layui的动态表格组件时遇到了一个问题,更新一条数据时,对应的每行的toolbar(就是右边编辑/查看/删除这类按钮区)没有根据数据进行重新动态更新。我通过源码阅读,了解到了为什么没有更新了,并完美修复...
  • laydate.render({ elem: '#dateDiv', ... showBottom: false,//没有下方的取消和确定按钮 change: function(value, date, endDate) { $("#dateDiv").val(value); if ($(".layui-laydate").length) {...
  • 问题需求:要利用时间段对表格数据进行筛选,当点击查询按钮时,展示相应的数据信息,当点击全部数据时显示全部的表格数据,并把时间段数据清空,防止数据误导 解决方案:利用layui插件进行时间筛选,通过相关逻辑对...
  • “自定义工具栏”是大多设计师都会用到的工具,它能大大节省工作时间,操作简单方便。“自定义工具栏”功能 使用自定义工具栏,可以把常用功能放在程序PPT的显眼位置,方便操作。可使用鼠标重新排列和修改工具栏按钮...
  • Layui框架

    2020-05-22 10:27:03
    按钮(引入jquery模块加按钮点击事件)3. 导航菜单(依赖element模块)4. 选项卡(依赖element模块)5. 进度条6.面板7. 布局8.徽章9.时间轴10.动画第三章:Layui模块1. 颜色选择器(引入colorpicker模块)2. 滑块...
  • 点击不同的统计类型重载layui表格 开发工具与关键技术:Visual Studio 2015 作者:徐晶旗 撰写时间:2019年 8月17日 在做项目的时候涉及到了统计分析,比如要分析经营利润分析,里面就包含了多角度的分析,分析共包括...
  • 使用layui做了一段时间的项目了,实现了一个这样的功能:根据需要手动增加布局。包括编辑,重置之类,把开发中遇到的问题,以及解决方法记录一下。实现效果如下: 问题1:怎么手动增加布局 其实很简单,使用html...
  • bug: 前端加载当前的12小时隔离时间点击清空按钮就是清空不了,做法是把对应的input 清空。可清空后还是不行,因为点击其他的空白页面,时间还会显示到input上。 解决: 找来找去,是当前这个默认的时间导致的。 ...
  • layDate 日期与时间组件点击显示时间按钮时间被日期挡住了,是哪里问题? 用的是 layDate 独立版,没用layUI。在线等…… ![图片说明](https://img-ask.csdn.net/upload/202009/03/1599136730_139989.png) ...

空空如也

空空如也

1 2 3 4
收藏数 79
精华内容 31
关键字:

layui按钮点击时间