首页 > 其他分享 >自己重写的基于BootStrap的记住选择

自己重写的基于BootStrap的记住选择

时间:2022-08-24 15:11:14浏览次数:57  
标签:rowsBefore rows arrays BootStrap rowIds var table 重写 记住

问题背景:

(1)在Ruoyi中,使用弹窗式列表获取合同对应商品,再选择增加商品;

(2)要能翻页保存点击记录

(3)经过长时间检测,发现原Ruoyi自带的   $.table.selectColumns("userCode");   不适合不对或者我不知道怎么调整,反正是我放弃了这样的做法;

(4)自己重新写了一版,点击、翻页保存,并能获取值,且做纪念;

 $("#bootstrap-table").on(" check.bs.table ", function (e, rowsAfter, rowsBefore) {

var rows = $.common.equals("uncheck-all", e.type) ? rowsBefore : rowsAfter;
var rowIds = $.table.affectedRowIds(rows);

arrays.push(rowIds[0]);

$("#rowIds").val(arrays.toString());

});


$("#bootstrap-table").on("check-all.bs.table", function (e, rowsAfter, rowsBefore) {

var result=[];
var rows = $.common.equals("uncheck-all", e.type) ? rowsBefore : rowsAfter;
var rowIds = $.table.affectedRowIds(rows);

debugger;
if(arrays.length==0){
for (var j = 0; j < rowIds.length; j++) {
arrays.push(rowIds[j]);
}
}
if(arrays.length>0){

for (var j = 0; j < rowIds.length; j++) {
if($.inArray(rowIds[j],arrays)<0){
arrays.push(rowIds[j]);
}
}
}

$("#rowIds").val(arrays.toString());

});


$("#bootstrap-table").on("uncheck.bs.table uncheck-all.bs.table", function (e, rowsAfter, rowsBefore) {
var rows = $.common.equals("uncheck-all", e.type) ? rowsBefore : rowsAfter;
var rowIds = $.table.affectedRowIds(rows);

debugger;
var result = [];

for (var j = 0; j < arrays.length; j++) {
if($.inArray(arrays[j],rowIds)<0){
result.push(arrays[j]);
}
}


arrays=result;

$("#rowIds").val(arrays.toString());


});

标签:rowsBefore,rows,arrays,BootStrap,rowIds,var,table,重写,记住
From: https://www.cnblogs.com/alexgl2008/p/16620017.html

相关文章

  • bootstrap-select使用教程-下拉框搜索功能实现
    一、引入1<!--Bootstrap核心CSS文件-->2<linkhref="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"rel="stylesheet">34......
  • Python3项目初始化8-->css和bootstrap入门学习
    24、CSS基础HTML盒模型divspanCSS选择器,常见属性值Bootstrap栅格系统,表单,表格,常用组件。Div一个盒子,默认站一行Span行内元素P段落元素为什么需要div?t......
  • flex项目属性align-self属性重写align-item属性
    <style>#main{width:220px;height:300px;border:1pxsolidblack;display:-webkit-flex;/*Safari*/-webkit-align-items:flex-start;/*Saf......
  • 刷新页面不记住滚动位置
    在浏览器的默认行为中,会默认记住滚动位置,刷新后会回到之前的滚动位置,在一些场景中,会希望每次刷新都回到页面的最顶端。下面介绍下实现的方法。history.scrollRestorationA......
  • 6 简易布局index页面,依据bootstrap
    index.html{%loadstatic%}<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><linkrel="stylesheet"href="{%......
  • bootstrap table表内容滚动时表头固定
    问题描述:当表格行比较多时,向下滚动查看下方行内容,标题会跟随页面滚动到上面,这样查看下面的内容时某个字段时的含义就还得翻上去查看; 解决方法:将表头thead设置position:s......
  • Java 重写(Override)与重载(Overload)的区别
    重写(Override)与重载(Overload)相同点方法名都是一样的重写(Override)关系到两个类:子类,父类当父类中有一个方法不合你的心意的时候,你可以重新编写这个方法但是!只能......
  • Bootstrap的长宽和间距
    响应式容器https://www.runoob.com/bootstrap5/bootstrap5-container.html可以使用.container-sm|md|lg|xl类来创建响应式容器。容器的max-width属性值会根据屏幕的......
  • 贝叶斯自举法Bayesian Bootstrap
    “自举”(翻译自bootstrap)这个词汇在多个领域可能见到,它字面意思是提着靴子上的带子把自己提起来,这当然是不可能的,在机器学习领域可以理解为原样本自身的数据再抽样得出新的......
  • bootstrap
    该框架已经写好了很多页面样式,如果需要使用,只需要下载它对应文件,之后直接cv拷贝即可在使用Bootstrap的时候所有的页面样式都只需要你通过class来调节即可版本选择建议使......