Microanswer

Microanswer

265飞吻 2019-11-2 加入 来自成都市

(https://www.microanswer.cn)

Microanswer 最近的回答

  • 3天前基于 layui 的下拉菜单控件 dropdown文档中回答:

    @BLACKDOG 暂不支持hover触发模式下 离开自动关闭,目前需要在别的地方点击一下。不过会考虑推出新版本来支持离开自动关闭。
  • 4天前基于 layui 的下拉菜单控件 dropdown文档中回答:

    @落叶x 的却,再局部地区滚动时,没有跟随滚动。现在已经发布了新版(2.0.0),已修复了此问题。
  • 4天前基于 layui 的下拉菜单控件 dropdown文档中回答:

    @老Jie

    刚刚发布了 2.0.0 版本,建议你到文档里的下载链接里重新下载新版,修复了一些问题以及优化。

    对于动态插入的元素要怎么实现下拉菜单,见文档:《 3-4、使用代码初始化》,下面截取此章节内容:

    当然了,不可能每个下拉框都是在页面出现就跟随立即出现,有很多时候我们需要把下拉框通过后期进行初始化。常见的场景就是在表格里,我们则需要在表格的done函数里进行初始化。
    这就不得不通过代码来初始化了,通过代码初始化,不仅可以带来html布局上的精简,还可以拥有更强大的功能和自定义效果。

    下面示例了如何进行异步初始化:
    <!-- 使用代码 -->
    <button class="layui-btn layui-btn-sm" id="mybtn">异步初始化下拉</buton>
    <script>
    layui.config({
    base: '你的扩展目录'
    }).use(['dropdown'], function () {
    var dropdown = layui.dropdown;
    // 通过代码(也就是后期异步初始化)进行初始化下拉
    // 这样可以把 mybtn 实现下拉菜单
    dropdown.suite("#mybtn", {
    menus: [{txt: "按钮1"}, {txt: "按钮2"}]
    });
    // 这样可以把 mybtn 实现下拉自定义内容
    dropdown.suite("#mybtn", {
    template: "xxxx自定义模板id",
    success: function ($dom) {
    // 当自定义内容模板初始化完成
    // 此方法会调用. 传入的$dom就
    // 包含了你的模板的内容,通过它
    // 你可以在这里进行模板内其他组
    // 件的初始化。
    }
    });
    });
    </script>
    可以看到`suite`方法帮我们完成了下拉初始化,它有两个参数,第一个参数是一个dom选择器,第二个参数是一个`option`配置,关于`option`详细内容,请看最后一节。

    注意: 使用代码初始化是比较推荐的使用方式,尤其是在表格里使用时,如果你的表格里某些字段允许排序,那么你除了在done回调方法中初始化一遍,你还需要在table的排序事件(这需要你自己去监听排序事件了)里进行初始化,毕竟排序了之后,表格内容会被重新绘制,之前的初始化就会丢失,所以你有必要再次进行初始化。
  • 6天前基于 layui 的下拉菜单控件 dropdown文档中回答:

    @落叶x 下拉框是fixed的,通过改变top实现的根踪,效果有点差强人意难免了。不过无妨。
  • 2020-3-29 16:15:11模拟点击layer.open()中的确定按钮中回答:

    试试在open方法的success回调函数里去根据class或id寻找到确定按钮,然后调用其click方法模拟。
  • 2020-3-29 15:14:30基于 layui 的下拉菜单控件 dropdown文档中回答:

    不用担心,即使你的导航栏在底部,下拉框发现自己会出现在屏幕以外的地方的时候,会自动在“合适”的地方出现。
  • 2020-3-29 15:13:7基于 layui 的下拉菜单控件 dropdown文档中回答:

  • 2020-3-25 8:57:42基于 layui 的下拉菜单控件 dropdown文档中回答:

    @小肉球不肉 [疑问] 怎么肥四?
  • 2020-3-24 17:52:8基于 layui 的下拉菜单控件 dropdown文档中回答:

    @起个啥昵称好呢 感谢提议,这是一个非常不错提议。
    现在已在 v1.0.3 版本中加入了两个新配置:onShow 和 onHide,详见文章底部对option的说明。
    通过它们,可以实现更多的交互,小箭头也不例外:
  • 2020-3-23 16:44:20基于 layui 的下拉菜单控件 dropdown文档中回答:

  • 2020-3-23 15:12:33基于 layui 的下拉菜单控件 dropdown文档中回答:

    @kenvelo 已修复,修复版 v1.0.2
  • 2020-3-23 11:51:19基于 layui 的下拉菜单控件 dropdown文档中回答:

    @kenvelo 现在发布了新版本,以支持了菜单分割线功能。立即下载(v1.0.1)

    现在只需要这样,即可开启菜单分割线:
    layui.config({
    base: '你的扩展目录'
    }).use(['dropdown'], function () {
    var dropdown = layui.dropdown;
    dropdown.suite("#mybtn", {
    menus: [
    {txt: "菜单一", event: "menu1"},
    {txt: "菜单二", event: "menu2"},
    "hr", // 此次加入一个分割线
    {txt: "菜单三", event: "menu3"},
    ]
    });
    })
  • 2020-3-22 23:22:20基于 layui 的下拉菜单控件 dropdown文档中回答:

    @kenvelo 用自定义下拉内容。
    那个menus配置还不支持中横线。
    不过看来这个需求有必要实现。
  • 2019-11-14 17:58:27为什么设置了laytpl分割符 在table中没有生效?求大神告知中回答:

    这就很有意思了
  • 2019-11-11 15:14:59layui中表单元素,比如单选框,单独写会没样式?中回答:

    试试这样:
    layui.use(["table", "form"], function () {
    var table = layui.table;
    var form = layui.form;

    table.render({
    /*...*/
    done: function () {
    form.render();
    }
    })
    })
  • 2019-11-5 17:47:4表格里的操作-编辑和删除怎么做?中回答:

    // 监听按钮。这个 table 就是 layui.table 得到的全局table对象。

    // 这里的tool(test-table) ,其中 tool() 是固定的,里面的test-table是table节点的 lay-filter 值,用来确定是哪个表格的事件。
    table.on('tool(test-table)', function (obj) {
    var event = obj.event;
    if ("changeStatus" === event) { // changeStatus 就是 你在每个按钮上的lay-event对应的值
    // 更新改变用户身份。
    obj.update(item);
    } else if("delete" === event){
    // TODO 删除。
    obj.del(); // 删除界面上的数据。
    }
    });
  • 2019-11-2 14:11:11解决layui更新数据后每行toolbar工具栏不更新的问题中回答:

    唉。标题没写好,发布了不能改了。[失望]