jfinal layui 多选传值问题整理
使用layui在显示数据表格进行多选的时候遇到的几个问题:
1、增加监听,让你的数据表格可以进行复选。
layui.use('table', function(){
var $ = layui.jquery;
var table = layui.table;
//监听表格复选框选择
table.on('checkbox(table)', function(obj){
console.log(obj)
});
2、获取选择的项,这里注意几点,
1、table.checkStatus('tablelist') 这里的tablelist是定义的table id
<table id="tablelist">
2、使用 checkStatus.data 来获取数据 ,数据格式为数组
3、定义 数组 ids 来存放id的时候,首先要初始化 var ids=[]; 设置为数组
4、ids增加id的时候推荐使用push,删除id 使用pop
$("#sync").on('click',function () {
var checkStatus = table.checkStatus('tablelist'),data = checkStatus.data;
var ids=[];
for(var i=0;i<data.length;i++){
ids.push(data[i].id);
}
console.log(ids);
$.ajax({
type : 'post',
url : '/goController/methon',
data:{ids:ids},
success : function(response){
parent.layer.alert(response.msg);
},
error : function (response) {
parent.layer.alert(response.msg);
}
});
});
3、jfinal 在接收传过来的数组时有指定的方法,getparaValues ,这里要注意 写为 “ids”的时候获取值为Null,只有设置为 ids[] 时候才可以获取相关值
String[] ids = getParaValues("ids[]");
4、处理ids直接生成 select * from table where id in ("id1","id2");
使用 Arrays.toString 方法直接转为 id1,id2, 这种形式,方便组装 sql
String idstr = Arrays.toString(ids);
idstr = idstr.substring(1,idstr.length()-1);
sqlstr.append(" and id in (" +idstr +")");
方法其实挺简单,作者都提供了,但调试的时候不注意就要浪费很多时间,写下来作为备忘。
jfinal layui 多选传值问题整理的更多相关文章
- layui复选框
效果图 layui复选框,一个主的复选框控制多个从复选框,主复选框和从复选框的颜色不一样 layui复选框的样式,都是在选然后才会有的,所以直接通过css设置就实现不了了.只可以通过js动态设置 ht ...
- jfinal layui easyexcel 实现文件的上传下载
jfinal layui easyexcel 这三样开源技术这里就不多介绍了,自行百度了解吧,他们的组合算是一个很高效又不失美观的操作体验. 操作主要分以下几步: 1.建立jfinal的操作环境, ...
- [OI]省选前模板整理
省选前把板子整理一遍,如果发现有脑抽写错的情况,欢迎各位神犇打脸 :) 数学知识 数论: //组合数 //C(n,m) 在n个数中选m个的方案数 ll C[N][N]; void get_C(int ...
- layui多选框
多选下拉框:http://sun.faysunshine.com/layui/formSelects-v4/example/example_v4.html 1.下载formSelects-v4.1 2 ...
- layui 复选框checkbox 全选写法
前语:本来我是不想写layui框架的博客的,有的时候数据经过layui渲染后原生的写法就取不到值了,一定要用它框架的写法,实在蛋疼,故写之,以后用到可以省点时间去度娘! HTML: <div i ...
- layui 复选框checkbox 实现全选全选
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- LayUI 多选框动态加载、启用、禁用、赋值、取值等js实现
例如多选框如下: <div class="layui-form"> <select xm-select="city"> </sel ...
- layui select 选完其他选项, 手工清空选项 又恢复最初的选项?
启用layui的select 下拉搜索项: lay-search <div class="layui-inline"> <label class="l ...
- SDOI2019 省选前模板整理
目录 计算几何✔ DP 斜率优化✔ 四边形不等式✔ 轮廓线DP✘ 各种分治 CDQ分治✔ 点分治✔ 整体二分✔ 数据结构 线段树合并✔ 分块✔ K-D Tree LCT 可持久化Trie✔ Splay ...
随机推荐
- 套接字之send系统调用
send系统调用只是对sendto系统调用进行了封装,传递的参数不包含目的地址信息,数据会发送到已经建立连接的另一端的地址: /* * Send a datagram down a socket. * ...
- springboot学习问题一:启动springboot报错端口被占用解决办法
一:问题 二:分析原因 springboot启动默认端口为8080,现在提示被占用,那我们可以修改springboot的启动端口,换一个未被占用的端口即可 三:解决方法 打开application.p ...
- ssh框架中的分页查询
ssh中的分页查询是比较常用的,接下来我用代码来介绍如何实现一个分页查询 首先建立一个Model用来储存查询分页的信息 package com.haiziwang.qrlogin.utils; imp ...
- SweetAlert(弹出层插件)
怀着非常.非常恼火的心情写下这个博文.我深深怀疑有一些人只会瞎粘贴复制别人的博文,自己试都不试就发布到网上,左右看的人想法,就此深通恶绝!! 废话不多说. SweetAlert是一个简洁好用的自制Al ...
- python 2.7 error: Microsoft Visual C++ 9.0 is required
参考:https://stackoverflow.com/questions/43645519/microsoft-visual-c-9-0-is-required 解决方法: 下载并安装Micros ...
- Several ports (8005, 8080, 8009) required by Tomcat v8.5 Server at localhost are already in use.
Several ports (8005, 8080, 8009) required by Tomcat v8.5 Server at localhost are already in use. The ...
- rhel安装ambari
RHEL/CentOS/Oracle Linux 6 On a server host that has Internet access, use a command line editor to p ...
- 精通CSS:高级Web标准解决方案(第二版) 初读笔记
2.1 常用的选择器 1. 类型选择器 p { color: black; } 2. 后代选择器 blockquote p { padding-left: 2em; } 3. ID选择器 #in ...
- java:Review(Oracle-HTML-CSS)
20170708_review: 1.oracle: 对表的操作: 使用命令行建立一张表:create table 表名 (列名 列名的类型 primarty key, ....); alter ta ...
- Golang基础(6):go的net/http用法
http包提供了HTTP客户端和服务端的实现 一:http客户端的几种方法 1. func (c *Client) Get(url string) (resp *Response, err error ...