layui 操作判断

 table.render({
            elem: '#sale',
            url: "{:U('getOrdertwo')}",
            method: 'post',
            cols:
                [[
                    {type: 'numbers', title: '序号'},
                    {field: 'order_name', title: '订单类型'},
                    {field: 'order_no', title: '订单号'},
                    {title: '支付详情', align: 'center', toolbar: '#info'},
                    {field: 'vip_name', title: '会员'},
                    {field: 'all_money', title: '支付金额',},
                    {field: 'add_time', title: '购买时间'},
                    {field: 'pickup_name', title: '自提/配送'},
                    {field: 'user_name', title: '姓名'},
                    {field: 'user_phone', title: '手机'},
                    {field: 'user_address', title: '地址'},
                    {field: 'status_name', title: '发货状态'},
                    {field: 'state_name', title: '秒杀状态'},
                    {field: 'remind_name', title: '提醒发货'},
                    {field: 'remark', title: '买家留言'},
                    {title: '操作', align: 'center', toolbar: '#barDemo', width: 260,}
                ]],
            page: {
                layout: ['count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
            }, //是否开启分页
            done: function () {
            },
            id: 'order_table'
        });
        <script type="text/html" id="info">
         {{# if(d.order_type == 1 && d.state == 1){ }}
             <a class="layui-btn layui-btn-xs fail" lay-event="fail">使失败</a>
         {{# }else if(d.order_type == 2 && d.refund_status == 1 && d.state == 0){ }}
             <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="refund">退款</a>
          {{# } }}
       </script>
### 如何在 Layui判断变量或元素是否为空 #### 判断 JavaScript 变量是否为空 为了确保代码的健壮性和可靠性,在处理用户输入或其他动态数据时,检查变量是否为空是一个常见的需求。可以利用JavaScript内置函数来完成这一操作。 对于字符串类型的变量,可以通过比较其长度来进行验证: ```javascript if (variable === '' || variable.length === 0) { console.log('The string is empty'); } ``` 当涉及到数值型的数据时,则应该考虑使用 `isNaN()` 函数以及 `Number.isNaN()` 方法[^2]: ```javascript // 使用 isNaN() if (isNaN(variable)) { console.log('Not a number or undefined/null/empty string'); } // 或者更严格的方式, 推荐 Number.isNaN(), 它不会把非数字类型转换成数字再做判断 if (typeof variable !== 'number' || Number.isNaN(variable)) { console.log('Variable is not a valid number'); } ``` 针对对象和数组的情况,通常会先检测它们是否存在(即不是`null`或`undefined`),然后再进一步确认内部是否有实际内容: ```javascript if (!Array.isArray(variable) || !variable.length) { // 对于数组 console.log('Empty array'); } if (!variable || Object.keys(variable).length === 0) { // 对于对象 console.log('Object has no properties'); } ``` #### 检查 DOM 元素的存在与否及其状态 如果目标是在前端框架如Layui中工作,那么除了上述通用做法外,还可以借助jQuery的选择器机制快速定位并评估DOM节点的状态。考虑到原始代码片段已经包含了jQuery语法(`$("#companyDiv")`),这里将继续沿用这种方式说明如何判定特定ID对应的HTML元素是否存在于页面上,并且是否可见。 要确定某个具有唯一标识符(比如id="companyDiv")的div标签当前是否显示出来,可以用`.is(':visible')`方法配合条件语句一起使用: ```javascript var $element = $('#companyDiv'); if ($element.length && !$element.is(':visible')) { console.log('#companyDiv exists but it\'s hidden.'); } else if (!$element.length){ console.log('#companyDiv does not exist in the document.'); } ``` 这段逻辑不仅能够告诉你该元素现在是不是隐藏起来了,还能告知它根本就不存在于文档结构之中——这对于调试布局问题特别有用。 综上所述,通过结合JavaScript的基础特性和一些实用技巧,可以在Layui项目里有效地执行对各种类型变量及UI组件存在性的检验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值