laui控制按钮的隐藏和显示

最新推荐文章于 2024-07-18 17:33:01 发布

秋枫瑟瑟

最新推荐文章于 2024-07-18 17:33:01 发布

阅读量2.7k

点赞数

分类专栏： layui

本文链接：https://blog.csdn.net/huhailong_1/article/details/118331779

版权

这段代码展示了如何根据数据状态在layui表格中动态显示或隐藏按钮。通过对账状态的判断，分别触发重新导入、重新对账和重新获取交易对账单的操作，这些操作通过Ajax异步调用后台接口实现。

摘要由CSDN通过智能技术生成

<#include "/admin/commons/_detailheader.ftl" />

<style type="text/css">
    .layui-table td .layui-table-cell {
        height: 80px;
        line-height: 80px;
    }
</style>
        <div class="layui-card-body" style="padding:0 6px 6px 6px;" >
            <table class="layui-hide" id="table-data" lay-filter="table-data"></table>
            <script type="text/html" id="toolbar-row" >
                {
 {#  if(d.status == 0 || d.status == 2){ }}
                <#--对账状态为“待核销”的数据才展示-->
                <button class="layui-btn layui-btn-sm"  lay-event="reimport">重新导入</button>
                {
 {#  } }}

                {
 {#  if(d.status == 1 || d.status == 2 ){ }}
                <button class="layui-btn layui-btn-sm"  lay-event="reconciling">重新对账</button>
                {
 {#  } }}

                {
 {#  if(d.status == 0 || d.status == 2){ }}
                <button class="layui-btn layui-btn-sm"  lay-event="achieve">重新获取交易对账单</button>
                {
 {#  } }}
            </script>
        </div>

<script src="${(domainUrlUtil.staticResources)!}/resources/layui/layui.js"></script>
<script>
    layui.config({
        base: '${(domai