JS获取表格视图所选行号的ids过程解析

2024-10-07 07:33:29

这篇文章主要介绍了JS获取表格视图所选行号的ids过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

实例化数组

遍历所选行push到数组中

将数组join转换为以,分割的字符串

/*获取指定id的datagrid的表格视图的选择的ids*/
   function getDataGridSelectRowIDS(id){
      var ids = [];
      var rows = $('#'+id).datagrid('getSelections'); //获取所选行,具体获取方式根据框架不同而变
      for(var i=0; i<rows.length; i++){ //遍历行
      ids.push(rows[i].id); //将行数据id加入到数组中
    }
    var idsStr = ids.join(','); //将数组转换为以,分割的字符串
    //console.info(idsStr);
    //console.info(rows.length);
    return ids;
   }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

Layui数据表格前后端json数据接收的方法

先上效果图: 前端数据表格: <div class="x-body"> <%-- 数据表格 --%> <table class="layui-table" lay-data="{ id:'test', url:'/menu/page', page:true, limits: [10,20,50], //每页条数的选择项,默认:[10,20,30,40,50,60,70,80,90] limit: 10, //每页默认显示的数量
Nodejs技巧之Exceljs表格操作用法示例

本文实例讲述了Nodejs技巧之Exceljs表格操作用法.分享给大家供大家参考,具体如下: 工作中我们可能会遇到制作表格的需求,那么针对nodejs如何制作一个汇总表格呢? 今天我们就在此介绍下exceljs 的基本使用,应该可以满足我们大部分的需求. 第一部分下载 npm install exceljs 第二部分基本的配置 var Excel = require("exceljs"); var workbook = new Excel.Workbook(); // 基本的创建信
JS表格的动态操作完整示例

本文实例讲述了JS表格的动态操作.分享给大家供大家参考,具体如下: <html> <head> <title>js-表格的动态操作</title> <meta charset="UTF-8"/> <style type="text/css"> #ta tr{ height: 20px; } #t1{ font-weight: bold; /*align-content: center;*/ /*
Vue.js实现可排序的表格组件功能示例

本文实例讲述了Vue.js实现可排序的表格组件功能.分享给大家供大家参考,具体如下: 我们基于 Vue.js 实现一个可根据某列进行排序的表格组件. 一个表格包含表头和数据两部分内容.因此,我们定义两个数组,columns 表示表头信息,在 <thread> 中渲染,并可在此指定某一列是否需要排序:data 表示数据. html: <div id="app" v-cloak> <v-table :data="data" :columns
vuejs+element UI table表格中实现禁用部分复选框的方法

有时候我们构建这样带一列复选框的表格然后希望根据条件禁用某个列表项的选择框,可以这样写 HTML: JS: 以上这篇vuejs+element UI table表格中实现禁用部分复选框的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
js实现简单的打印表格

本文实例为大家分享了js实现打印表格的具体代码,供大家参考,具体内容如下效果如下: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>打印表格</title> </head> <body> <script> var data=[ {id:1001,icon:
Vue.js实现可编辑的表格

本文实例为大家分享了Vue.js实现可编辑的表格的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="bootstrap.min.css" rel="external nofollow" >
JS实现简单的表格增删

本文实例为大家分享了JS实现表格增删的具体代码,供大家参考,具体内容如下描述: JS--实现简单的表格增删. 效果: 实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <!--4.编号:文本框书名:文本框作者:文本框出版社:文本框
vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例

如果是已经有点经验的同学,可以直接看下面这个函数,应该就能明白怎么回事,新手可以看下面的详细教程. 函数: handleEdit: function (index, row) { this.editFormVisible = true; this.editForm = Object.assign({}, row); } 详细教程: 1.首先,做一个表格,用于显示信息:代码如下: <el-table :data="users" highlight-current-row v-loa
JS/jQuery实现超简单的Table表格添加,删除行功能示例

本文实例讲述了JS/jQuery实现超简单的Table表格添加,删除行功能.分享给大家供大家参考,具体如下: 最近需要表格添加删除行,添加行简单,删除行就有点儿懵逼了,于是网上找实例,功夫不负有心人,终于让我找到了,下面的是代码,大家觉得可以,记得点赞哦!!!谢谢! 需要的拿去,转载请在明显的位置标注出出处!!! <html> <head> <title>table添加/删除行</title> </head> <body> <t

JS获取表格视图所选行号的ids过程解析

相关推荐

随机推荐