Layui table field初始化加载时进行隐藏的方法
layui应该是现在用的比较多的前端框架了,尤其是layui.table数据表格非常强大。
在很多时候,我们需要从数据库中拿到记录的id,但是我们又不希望在页面上展现,所以需要对一些字段进行隐藏。
看了网上很多的教程,各种对field进行隐藏,通过display:none等常规手段,虽然列是隐藏了,但是整个表格的展现却出了问题。
今天仔细看了文档,原来layui中已经封装了field隐藏的方法:
用法:
{field:'id',title:'ID' ,hide:true},直接在fieId中,使用hide属性即可实现隐藏,不要太便捷哦!
以上这篇Layui table field初始化加载时进行隐藏的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数
背景 笔者之前一直使用 bootstrap table ,因为当前项目中主要使用 Layui 框架,于是也就随了 Layui table ,只是在使用的时候出现了一些问题,当然也是怪自己不熟悉的锅吧! 出现的问题: 1.使用 Layui 官方提供的 [转换静态表格] 方式初始化加载时报 id 找不到的错误(自己的锅) 2.传递参数问题(姑且算是 Layui 官方的锅) 笔者使用的 table 加载刷新方案 有一个页面,左侧是一个 tree,右侧是一个 table,默认 table 加载全数据,当
-
layui之table checkbox初始化时选中对应选项的方法
这个问题需要后台返回的数据格式跟layui中的示例中返回数据格式一模一样 下面是数据格式参考,第一个LAY_CHECKED:true是让checkbox选中的最重要的参数 LAY_CHECKED:true city:"浙江杭州" email:"xianxin@layui.com" experience:"12" id:"10002" ip:"192.168.0.8" joinTime:"2016-
-
关于Layui Table隐藏列问题
layui没有提供Table隐藏列的功能(只是写这个文档的时候没有提供). 第一步:获取Layui的TableBox Jquery对象 var _table_box = $(this._table_elem).next().find(".layui-table-box"); this._table_elem 是指的Table标签的ID layui-table-box 是layui的类名 第二步:将需要隐藏的列添加 display:none 的样式 : _table_box.find(&
-
layui实现table加载的示例代码
js实现: layui.use(['table','form'], function() { $ = layui.jquery; table = layui.table; tableIns = initTable(); }); //加载列表 function initTable(){ // 执行渲染 tableIns = table.render({ id: 'idTest', elem : '#deviceTable', // 指定原始表格元素选择器(推荐id选择器) size: 'lg',
-
Layui table field初始化加载时进行隐藏的方法
layui应该是现在用的比较多的前端框架了,尤其是layui.table数据表格非常强大. 在很多时候,我们需要从数据库中拿到记录的id,但是我们又不希望在页面上展现,所以需要对一些字段进行隐藏. 看了网上很多的教程,各种对field进行隐藏,通过display:none等常规手段,虽然列是隐藏了,但是整个表格的展现却出了问题. 今天仔细看了文档,原来layui中已经封装了field隐藏的方法: 用法: {field:'id',title:'ID' ,hide:true},直接在fieId中,使
-
Bootstrap Table从服务器加载数据进行显示的实现方法
Bootstrap-Table是一个Boostrap的表格插件,能够将JSON数据直接显示在表格中.当然,这需要配置一些参数并进行初始化表格才行.其官方网站地址为:http://bootstrap-table.wenzhixin.net.cn/.里面可以下载使用所需的JS和CSS文件,以及参考文档和例子. Bootstrap-Table显示数据到表格的方式有两种,一种是客户端(client)模式,一种是服务器(server)模式. 所谓客户端模式,指的是在服务器中把要显示到表格的数据一次性加载出
-
Spring Boot容器加载时执行特定操作(推荐)
某些情况下我们需要在 Spring Boot 容器启动加载完后执行一些操作,此时可以通过实现 ApplicationListener<E extends ApplicationEvent> 接口,并指定相应事件来执行操作,例如启动某些自定义守护线程 ApplicationContextEvent 是由 ApplicationContext 引发的事件基类,它有几个实现类: ContextRefreshedEvent :ApplicationContext 容器初始化或者刷新时触发该事件,执行一
-
浅谈SpringBoot资源初始化加载的几种方式
目录 一.问题 二.资源初始化 一.问题 在平时的业务模块开发过程中,难免会需要做一些全局的任务.缓存.线程等等的初始化工作,那么如何解决这个问题呢?方法有多种,但具体又要怎么选择呢? 二.资源初始化 1.既然要做资源的初始化,那么就需要了解一下springboot启动过程(这里大体说下启动过程,详细:https://www.jb51.net/article/133648.htm) 按照前面的分析,Spring-boot容器启动流程总体可划分为2部分: 执行注解:扫描指定范围下的bean.载入自
-
jQuery在页面加载时动态修改图片尺寸的方法
本文实例讲述了jQuery在页面加载时动态修改图片尺寸的方法.分享给大家供大家参考.具体如下: $(window).bind("load", function() { // IMAGE RESIZE $('#product_cat_list img').each(function() { var maxWidth = 120; var maxHeight = 120; var ratio = 0; var width = $(this).width(); var height = $(
-
完美解决JS文件页面加载时的阻塞问题
关于页面加载时的时间消费,许多书中都做出了介绍,也提出了很多种方法.本文章就详细介绍XHR注入. 概述:JS分拆的方法 1.XHR注入:就是用ajax异步请求同域包含脚本的文件,然后将返回的字符串转化为脚本使用,该方法不会造成页面渲染和onload事件的阻塞,因为是异步处理,推荐使用. 2.iframe注入:加载一个iframe框架,通过使用iframe框架中的脚本来避免src方式加载脚本的阻塞,但是iframe元素开销较大,不推荐. 3.DOM注入:就是创建script元素,通过制定该元素的s
-
Javascript代码在页面加载时的执行顺序介绍
一.在HTML中嵌入Javasript的方法1.直接在Javascript代码放在标记对<script>和</script>之间2.由<script />标记的src属性制定外部的js文件3.放在事件处理程序中,比如:<p onclick="alert('我是由onclick事件执行的Javascript')">点击我</p>4.作为URL的主体,这个URL使用特殊的Javascript:协议,比如:<a href=&q
-
Android实现加载时提示“正在加载,请稍后”的方法
前言 这篇文章主要介绍的是,如何实现点击按钮,弹出"正在加载数据,请稍候-"对话框,加载完了之后,对话框自动消失呢? 其实也是很简单的看下面代码: import com.farsunset.ichat.example.R; import android.os.Bundle; import android.app.Activity; import android.app.ProgressDialog; public class DateReportActivity extends Act
-
JS实现窗口加载时模拟鼠标移动的方法
本文实例讲述了JS实现窗口加载时模拟鼠标移动的方法.分享给大家供大家参考.具体实现方法如下: function judge(){ alert("mousemove"); document.onmousemove = null;//撤销鼠标移动模拟 } function simulateMouseMove(){//模拟鼠标移动 document.onmousemove = judge; } window.onload=simulateMouseMove;//窗口加载 希望本文所述对大家的
随机推荐
- Go语言算法之寻找数组第二大元素的方法
- Docker 网络模式(四种)详细介绍
- MyBatis持久层框架的用法知识小结
- Objective-c代码如何移植为Swift代码 Objective-c代码转移到Swift过程介绍
- JS常用加密编码与算法实例总结
- .NET中基于事件的异步模式-EAP
- C#正则函数用法实例【匹配、替换、提取】
- C#数据结构与算法揭秘一
- Android使用自定义alertdialog实现确认退出按钮
- node.js爬虫爬取拉勾网职位信息
- js CSS3实现卡牌旋转切换效果
- FCKeditor 插件开发 示例(详细版本)
- mssql 两表合并sql语句
- 详解linux为阿里云ECS(CentOS7)配置IPv6地址
- PHP+Apache在Windows 9x下的安装和配置
- 基于C语言实现的迷宫游戏代码
- jQuery插件pagewalkthrough实现引导页效果
- c#循环中产生伪随机数
- 浅谈Java多线程的优点及代码示例
- Apache POI将PPT转换成图片实例代码