layui table 设置默认排序

2024-08-24

改造 layui 表格组件实现多重排序

layui 的表格组件目前只支持单列排序,在实际应用中并不能很好的支撑我们的业务需求.今天一时手痒,决定改造一番以支持多重排序. 实现思路也比较简单,只需要用一个数组来存放所有排序的列,再把这个数组传到后端(后端排序)进行排序即可.沿用一般的使用习惯,按住 shift 键点击表头可增加排序列,按住 ctrl 键点击表头可减少排序列.话不多说,先上最终效果图: 1. 定义排序列数组我当前用的是 2.5.6 版本,源码之前为适应业务需求也做过相应修改,所以下文说到的行数只是个大概数. 为兼容之前单

关于在layui中的table checkbox 默认选中设置

一.layui版本 layui-v2.4.5 二.设置table的checkbox默认选中总共有两种方法: 方法1:在返回的json中设置LAY_CHECKED为true,页面上的checkbox就是选中状态了. 1 data":[ 2 {"name":"北京市","areaType":"省/直辖市","id":"110000","LAY_CHECKED"

linux / centos 安装SQL Server 2017 设置默认语言与排序规则Chinese_PRC_CI_AS

安装安装很简单参照官方教程 https://docs.microsoft.com/zh-cn/sql/linux/quickstart-install-connect-red-hat?view=sql-server-2017 需要注意的是,如果安装时没有指定环境变量参数,会按默认设置安装,字符集会是拉丁字符集,默认语言是英语,此时国内用户可能需要进行另外设置. 为了解决这个问题,我们可以通过预先设置环境变量来按照指定的字符集及本地语言等设置参数,这样的话无需安装后再进行配置. https://

layui table 分页记住之前勾选的数据

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>添加商品</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" co

layui table分页 page为false时，limit问题

问题描述:table数据表格page设为false时,limit为默认设置10 解决办法:limit设为 Number.MAX_VALUE 加载全部数据实例: var table = layui.table; var dataList = [ { No: 1, Name: '张三' }, { No: 2, Name: '李四' } ]; var titleList = [[ { field: 'No', title: '序号' }, { field: 'Name', title: '名字' }

layui table 跨页记忆选择

layui 表格功能目前默认不支持跨页记忆选择下面来实现layui table跨页记忆选择实现基于layui版本 1.4.5 表格跨页通用方法 //表格分页复选框 layui.define(['jquery', 'table'], function (exports) { var $ = layui.jquery , table = layui.table; //记录选中表格记录编号http://www.1994july.club/seo/?p=2797 var checkedList =

datepickerx设置默认日期

datepicher插件是jQuery UI的一个插件,它提供一个日期弹出窗口(或直接显示在页面),供用户选择日期.在Web开发中,总会遇到需要用户输入日期的情况.一般都是提供一个text类型的input供用户输入日期,我们在实际开发中会遇到给日期控件设置默认日期的情况,下面我们就举例解释jquery easyui datepickerx控件是如何实现设置默认日期的: <%@page pageEncoding="UTF-8"%> <!DOCTYPE html PUBL

ng-option指令使用记录，设置默认值需要注意

ng-options一般有以下用法: 数组作为数据源: label for value in array select as label for value in array label group by group for value in array label disable when disable for value in array label group by group for value in array track by trackexpr label disable whe

修改Sqlserver实例默认排序规则

1.将sqlserver安装盘加载到虚拟光驱,这里加载到F:盘跟目录 2.cmd进入命令 3.输入命令: F:/Setup /QUIET /ACTION=REBUILDDATABASE /INSTANCENAME=SQLSERVER2012 /SQLSYSADMINACCOUNTS=Administrators /SAPWD=xxx /SQLCOLLATION=SQL_Latin1_General_CP1_CI_AS INSTANCENAME:实例名,查看方式注册表路径: 直接输入命令:rege

非常强大的table根据表头排序,点击表头名称,对其内容排序

js代码: /** * 通过表头对表列进行排序 * * @param sTableID * 要处理的表ID<table id=''> * @param iCol * 字段列id eg: 0 1 2 3 ... * @param sDataType * 该字段数据类型 int,float,date 缺省情况下当字符串处理 */ function orderByName(sTableID, iCol, sDataType) { var oTable = document.getElementByI

使用mysql 命令行，增加，删除字段并设置默认值及非空

使用mysql 命令行,增加 ,删除字段并设置默认值及非空添加 alter table table_name add field_name field_type; 添加,并设置默认值,及非空 alter table table_name add field_name field_type default 值 not null 删除 alter table table_name drop field_name;

ecshop 订单-》设置默认收货地址，或者删除

设置位置:ecs_users标的 country字段,默认是0,默认地址是 users_address 的address_id 设置默认收货地址 /** * 设置默认地址 * * @access public * @param integer $id 收货地址id * @return boolean */ function set_default_addr($id) { $uid = $_SESSION['user_id']; $sql = "UPDATE " .$GLOBALS[

mysql datetime设置now()无效,直接用程序设置默认值比较好

mysql datetime设置now()无效的,没有此用法,datetime类型不能设置函数式默认值,只能通过触发器等来搞.想设置默认值,只能使用timestamp类型,然后默认值设置为:CURRENT_TIMESTAMP 在MySQL5.0以上版本中也可以使用trigger来实现此功能.create table test_time ( idint(11), create_time datetime ); delimiter | create trigger default_datetime

[saiku] 简化／汉化／设置默认页

上一篇分析了schema文件 [ http://www.cnblogs.com/avivaye/p/4877832.html] 在安装完毕Saiku后,由于是社区版本,所以界面上存在很多升级为商业版的文字. 这一篇就讲述下如何简化saiku的操作界面 1.去除查询页面的升级为商业版的提示 You are using Saiku Community Edition, please consider upgrading to Saiku Enterprise, or entering a spons

Extjs combobox设置默认值

转载:http://www.54mask.com/extjs-combobox-default-value.html 相信很多人都遇到了在ExtJS框架中设置combo组件默认值的需求,ExtJS框架并没有提供现成的配置项或者方法来解决此问题,本人认为主要是因为此种需求的应用场景有限且很难达到适应于不同场景的实现. combo组件的设值其实很简单: var getRecruitmentName = new Ext.data.JsonStore({ url: '',--后台地址 baseParam

layui table数据表格reload where参数保留问题

layui table数据表格reload where参数保留问题在使用layui过程中多多少少会遇到些问题 table reload 有个坑:reload时where参数会保留上次的参数,如果用 done: function(res, curr, count){ this.where={};} 来处理,默认的表格分页会把第一次请求的参数去掉.两者遇到些冲突. 用下面的方式来解决: var tableIns = table.render({ elem: '#test-table-toolbar

Layui table 组件的使用：初始化加载数据、数据刷新表格、传参数

背景笔者之前一直使用 bootstrap table ,因为当前项目中主要使用 Layui 框架,于是也就随了 Layui table ,只是在使用的时候出现了一些问题,当然也是怪自己不熟悉的锅吧! 出现的问题: 1.使用 Layui 官方提供的 [转换静态表格] 方式初始化加载时报 id 找不到的错误(自己的锅) 2.传递参数问题(姑且算是 Layui 官方的锅)(自己的锅) 笔者使用的 table 加载刷新方案有一个页面,左侧是一个 tree,右侧是一个 table,默认 table 加

FastJSON 设置默认参数，全局配置方式和一些使用方式、坑

如果要被序列化的对象含有一个date属性或者多个date属性按照相同的格式序列化日期的话,那我们可以使用下面的语句实现: 在应用的的Main方法体里配置全局参数: JSONObject.DEFFAULT_DATE_FORMAT="yyyy-MM-dd";//设置日期格式或者使用时传递配置参数 JSONObject.toJSONString(resultMap, SerializerFeature.WriteMapNullValue,SerializerFeature.DisableC

SqlServer中的UNION操作符在合并数据时去重的原理以及UNION运算符查询结果默认排序的问题

本文出处:http://www.cnblogs.com/wy123/p/7884986.html 周围又有人在讨论UNION和UNION ALL,对于UNION和UNION ALL,网上说的最多的就是性能问题(实在不想说出来这句话:UNION ALL比UNION快)其实根本不想炒UNION和UNION ALL这碗剩饭了,每次看到网上说用这个不用那个,列举的一条一条的那种文章,只要看到说UNION ALL比UNION性能好的就…… 对于合并的结果集,UNION是去重的,UNION ALL是不去重的

layui table 前台数字格式保留两位小数,不足补0(mysql 数据库)

layui table 对于后台json数据,有数字的,默认不会原样显示,而是只取数值,即100.00显示为100.如果想原样显示,需转为字符串. 项目采用mysql数据库,字段类型为decimal(10,2)时,即自动保留两位小数,不足补0,只需用cast函数转换即可:cast(num as char)

table设置表格有滚动条

table 设置表格有滚动条. 少说多做,代码中有注释: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>设置表格有滚动条</title> <style> * { margin: 0; padding: 0; } table

layui table 设置默认排序

热门专题