精华内容
下载资源
问答
  • 列表数据多行删除

    千次阅读 2016-08-05 17:16:09
    最近的项目中使用bootstrapTable进行列表的显示,需要对列表中的数据进行多行删除,在这简单记录下使用方法。 二、效果图 在这个无图不欢的时代,效果图当然是必须的。 三、完整实例 1、JSP中定义一个table


    一、前言

    最近的项目中使用bootstrapTable进行列表的显示,需要对列表中的数据进行多行删除,在这简单记录下使用方法。

    二、效果图

    在这个无图不欢的时代,效果图当然是必须的。


    三、完整实例

    1、JSP中定义一个table

    <span style="font-size:18px;">                    <div class="table-responsive">
                            <table id="pushAppletTable" >
                            </table>
                        </div>
    </span>

    2、JS中初始化列表

    	<span style="font-size:14px;">$('#pushAppletTable').bootstrapTable({
    		method : 'post',	//服务器数据的请求方式 get or post
    		url : "query.htm",	//服务器数据的加载地址
    		striped : true,		//设置为true会有隔行变色效果	
    		dataType : "json",	//服务器返回的数据类型
    		pagination : true,	//设置为true会在底部显示分页条
    		queryParamsType : "limit",	//设置为limit则会发送符合RESTFull格式的参数
    		singleSelect : false,		// 设置为true将禁止多选
    		contentType : "application/x-www-form-urlencoded",	//发送到服务器的数据编码类型
    		pageSize : 10,		//如果设置了分页,每页数据条数
    		pageNumber : 1,		//如果设置了分布,首页页码
    		search : false, // 是否显示搜索框
    		showColumns : false, // 是否显示内容下拉框(选择显示的列)
    		sidePagination : "server", // 设置在哪里进行分页,可选值为"client" 或者 "server"
    		queryParams : queryParams,	//请求服务器数据时,你可以通过重写参数的方式添加一些额外的参数,例如 toolbar 中的参数 如果 queryParamsType = 'limit' ,返回参数必须包含
    						//limit, offset, search, sort, order 否则, 需要包含: 
    						//pageSize, pageNumber, searchText, sortName, sortOrder. 
    						//返回false将会终止请求
    		columns : [ {				//列配置项 数据类型,详细参数配置参见文档http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/
    			checkbox : true			//列表中显示复选框
    		}, {
    			field : 'seqNum',		//列字段名
    			title : '序号'			//列标题
    		}, {
    			field : 'version',
    			title : '应用版本'
    		}, {
    			field : 'appletSize',
    			title : '应用大小'
    		}, {
    			field : 'statusVal',
    			title : '版本状态'
    		}, {
    			field : 'smsAccess',
    			title : '短信接入号'
    		}, {
    			field : 'onlineTime',
    			title : '上线时间'
    		}, {
    			field : 'expireTime',
    			title : '过期时间'
    		}, {
    			title : '操作',
    			formatter : operateFormatter
    		} ]
    	});
    
    
    /*查询参数格式化*/
    function queryParams(params) {
        return {
            rows : params.limit,
            page : params.offset / params.limit + 1,
            version : $('#qAppletversion').val(),
            status : $('#qVersionStatus').val(),
            beginTime : $('#qBeginTime').val(),
            endTime : $('#qEndTime').val()
        };
    }
    
    /**
     * 列表操作栏格式化
     */
    function operateFormatter(value, row, index) {
        var editDef = "&nbsp;&nbsp;<button class=\"btn btn-primary btn-xs\" οnclick=\"javascript:openEditPushApplet('"
                + row['id'] + "')\">编辑</button>";
        return editDef;
    }
    </span>

    3、处理选择的数据,把ID的集合作为参数

    <span style="font-size:14px;">function deletePushApplet() {
    	var rows = $('#pushAppletTable').bootstrapTable('getSelections');    //返回所有选择的行,当没有选择的记录时,返回一个空数组
    	if (rows.length == 0) {
    		Modal.alert({
    			msg : "请选择要删除的数据"
    		});
    		return;
    	}
    	/*封装的表单提示确认框*/
    	Modal.confirm({
    		msg : "确认要删除选中的'" + rows.length + "'条数据吗?"
    	}).on(function(e) {
    		if (!e)			//点击取消,直接返回
    			return;
    		var url = "batchDel.htm?time=" + new Date().getTime();
    		var ids = new Array();
    		//遍历所有选择的行数据,取每条数据对应的ID
    		$.each(rows, function(i, row) {
    			ids[i] = row['id'];
    		});
    		//定义ajax请求参数
    		var param = {
    			"ids" : ids
    		};
    		$.ajax({
    			type : "post",
    			url : url,
    			data : param,
    			datatype : "json",
    			success : function(data) {
    				if (data.status == "succ")
    					Modal.alert({
    						msg : "删除成功"
    					});
    				else
    					Modal.alert({
    						msg : "删除失败"
    					});
    				doQuery();
    			},
    			error : function() {
    				Modal.alert({
    					msg : "服务器没有返回数据,可能服务器忙,请重试"
    				});
    			}
    		});
    	});
    }</span>

    4、Controller中,接收数据ID集合,进行删除操作

    <span style="font-size:14px;">/**
    	 * 批量删除应用
    	 */
    	@ResponseBody
    	@RequestMapping("/batchDel.htm")
    	public JSONObject batchDel(@RequestParam(value = "ids[]") String[] ids) {	//@RequestParam  SpringMVC后台控制层获取参数
    		JSONObject json = new JSONObject();
    		try {
    			List<String> list = Arrays.asList(ids);
    			this.pushAppletService.batchDel(list);
    			json.element("status", "succ");
    		} catch (Exception e) {
    			json.element("status", "fail");
    			e.printStackTrace();
    		}
    		return json;
    	}</span>

    5、项目使用了Mybatis框架。关于mybtis的使用再这不提及。直接贴映射文件

    <span style="font-size:14px;"><delete id="batchDel" parameterType="List" >
    		<![CDATA[
    			delete from PUSH_APPLE where id in 
    		]]>
    		<foreach collection="list" index="i" open="(" separator="," close=")" item="item"  > 
    			#{item}
    		</foreach>
    	</delete></span>










    展开全文
  • &lt;template&gt; &lt;div&gt; &lt;div v-for="obj of a" @click="sel(obj)"&gt; {{obj.name}} &lt;span v-if="!obj.select"&...l
    <template>
      <div>
          <div v-for="obj of a" @click="sel(obj)">
              {{obj.name}} <span v-if="!obj.select">+</span><span v-else>-</span>
          </div>
          <hr>
          <div>
              <div v-for="(obj,index) in temp" @click="cel(obj,index)">{{obj}}</div>
          </div>
      </div>
    </template>
    
    
    <script>
    export default {
        methods: {
            sel(obj){
                obj.select = !obj.select
                if(obj.select){
                    this.temp.push(obj)
                }else{
                    obj.select = !obj.select
                }            
            },
            cel(obj,index){
                obj.select = !obj.select;
                console.log(index)
                this.temp.splice(index,1);            
            }
        },
      data(){
          return {
              temp:[],
              a:[{
                "code": "1",
                "name": "1",
                "cityId": 8,
                "regionId": null,
                "blockId": null,
                "cityName": null,
                "regionName": null,
                "blockName": null,
                "address": "刀茅巷216号",
                "buildingNum": null,
                "unitNum": null,
                "houseNum": null,
                "completeTime": null,
                "developer": null,
                "id": null,
                "pinYin": null,
                "pinYinFirst": null,
                "pinYinShort": null,
                select:false
            },{
                select:false,
                "code": "2",
                "name": "2",
                "cityId": 8,
                "regionId": null,
                "blockId": null,
                "cityName": null,
                "regionName": null,
                "blockName": null,
                "address": "刀茅巷216号",
                "buildingNum": null,
                "unitNum": null,
                "houseNum": null,
                "completeTime": null,
                "developer": null,
                "id": null,
                "pinYin": null,
                "pinYinFirst": null,
                "pinYinShort": null
            },{
                select:false,
                "code": "3",
                "name": "3",
                "cityId": 8,
                "regionId": null,
                "blockId": null,
                "cityName": null,
                "regionName": null,
                "blockName": null,
                "address": "刀茅巷216号",
                "buildingNum": null,
                "unitNum": null,
                "houseNum": null,
                "completeTime": null,
                "developer": null,
                "id": null,
                "pinYin": null,
                "pinYinFirst": null,
                "pinYinShort": null
            }],
          }
      }
    }
    </script>
    
    展开全文
  • Python删除列表中的数据

    千次阅读 2020-10-19 18:57:15
    删除指定数据(按值删除) 利用.remove()方法按值删除 list1 = [1, 2, 3, 4, 5, 6] list1.remove(1) print(list1) 输出结果 [2, 3, 4, 5, 6]   删除指定位置数据(按下表删除) 方法一 利用.pop()方法,删除指定位置...

    删除指定数据(按值删除)

    利用.remove()方法按值删除

    list1 = [1, 2, 3, 4, 5, 6]
    list1.remove(1)
    print(list1)
    

    输出结果

    [2, 3, 4, 5, 6]
    

    删除指定位置数据(按下表删除)

    方法一

    利用.pop()方法,删除指定位置数据,并返回所删除的数据

    list1 = [1, 2, 3, 4, 5, 6]
    data = list1.pop(0)
    print(list1)
    print(data)
    

    输出结果

    [2, 3, 4, 5, 6]
    1
    
    方法二

    利用del()函数

    list1 = [1, 2, 3, 4, 5, 6]
    del(list1[0])
    print(list1)
    

    输出结果

    [2, 3, 4, 5, 6]
    
    展开全文
  • 小程序删除分页列表中某条数据

    千次阅读 2019-01-14 16:28:14
    //当前这条列表数据所在的页码 var pageindex = e.currentTarget.dataset.pageindex; //当前这条数据所在当前页的第几条 var orderindex = e.currentTarget.dataset.orderindex; //获取当前二维...

    1.代码

    /**
     * 删除评论
     */
    deleteorder:function(e) {
    	//当前这条列表数据所在的页码
    	var pageindex = e.currentTarget.dataset.pageindex;
    	//当前这条数据所在当前页的第几条
    	var orderindex = e.currentTarget.dataset.orderindex;
    	//获取当前二维数组数据(需要删除的这条数据)
    	var info = that.data.listarr[pageindex]['list'][orderindex];
    	//获取当前页的数据
    	var oldpagelist = that.data.listarr[pageindex];
    
    	wx.showModal({
    		title: '',
    		content: '确定删除吗??',
    		success: function(res) {
    			if(res.confirm) {
    				var param = {
    					sac_id: info.id
    				};
    				wx.showLoading({
    					title: '删除中',
    					mask: true
    				})
    				var data_key = "listarr[" + pageindex + "]";
    				//执行删除操作
    				common.getData(common.config.deleteUlrl, param, 'get', function(res) {
    					//删除成功后把页面中的这天展示数据剔除
    					oldpagelist['list'].splice(orderindex, 1);
    					that.setData({
    						[data_key]: oldpagelist,
    					});
    					wx.hideLoading()
    				});
    			} else if(res.cancel) {
    				console.log("用户不删除")
    			}
    		}
    	})
    }

    2.说明

    (1)在小程序中,假设你有10页数据,你删除第5页的第10条,当你删除成功后,你只需要第5页的第10的展示效果剔除,页面整体无需刷新也无需重新请求第5页的数据;

    (2)取出第5页的数据,通过splice去除最后一条即可;

    (3)其它点赞之类的原理类似;

    展开全文
  • jQuery 操作列表批量删除数据

    千次阅读 2016-02-03 14:54:35
    动态删除table表格tr行 <   table   class   = "table_block"   id   = "mytable " > <   tr   class   = "row1"   id   = "trOne_ 1   " > js:[DOM 删除方式] function ...
  • Python3循环删除列表中的数据

    千次阅读 2018-10-02 16:34:44
    由于删除列表中的数据后,列表长度会发生变化,因此Python在循环删除列表中的数据时经常发生索引溢出错误,如: a=[1,3,7,3,2,5] for i in range(len(a)): if a[i]&lt;3: del a[i] print(a) 产生IndexError: ...
  • 微信小程序系列七:删除列表数据

    千次阅读 2018-08-17 11:17:20
    删除 js: Page({ /** * 页面的初始数据 */ data: { list:[ {id:1,name:'数据一'}, {id:2,name:'数据二'}, {id:3,name:'数据三'} ] }, //删除 del:function(e){ var current = e....
  • 对Extjs下拉列表动态添加和删除数据

    千次阅读 2017-09-15 13:51:55
    最近开发中遇到一个问题,就是动态的往下拉列表中添加和删除数据。经过各种查文档加搜索,终于解决了。以下是我的代码: 首先,我需要点击别的模块时动态删除下拉列表中的某些选项,所以添加单击监听事件: ...
  • 在处理列表时,常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。 2.遇到的问题 1. 用vue-router重新路由到当前页面,页面是不进行刷新的 2.采用window.reload(),或者router.go(0)刷新时,整个...
  • 列表去重中,根据其他语言的经验,比较容易想到的方式就是迭代删除以及set()方法。 列表总结起来处理无外乎 循环,排序,添加移除元素等操作,所以围绕这几方面考虑即可。 #coding=utf-8 ''' Created on ...
  • 四、构建数据数据层总体结构包括由CoreData构建的数据模型、通过AppDelegate构建相应的初始化对象。 coredata数据最终的存储类型可以是:SQLite数据库,XML,二进制,内存里,或自定义数据类型...1.列表数据加载
  • Python删除列表中的指定数据

    千次阅读 2020-04-04 12:53:48
    主要用到…列表名字.remove(要删的数据)… fruits = ['苹果', '草莓', '香蕉', '梨', '百香果'] fruits.remove("草莓") print(fruits) fruits.remove("百香果") print(fruits)
  • 文章目录说明添加数据修改数据删除数据 说明     使用SSMS界面方式进行数据的添加修改删除操作比较简单,因此只在此进行介绍,内容分主要使用SQL方式讲解。     展开“数据库”,打开相应的数据库,然后再...
  • Python 删除列表中的重复数据

    千次阅读 2019-04-03 20:31:02
    https://www.cnblogs.com/nzyjlr/p/4174145.html
  • 上一篇文章讲到如何通过layui.js请求后台接口的数据 渲染列表页面以及搜索列表的功能 这一篇讲述一下 编辑和新增的功能开发 新增页面的实现 编辑页面的实现 先讲增加功能 老规矩 依然是先页面的搭建 ...
  • DataGridView新增数据,修改数据,删除数据

    万次阅读 多人点赞 2016-08-14 15:55:59
    打开Vs ,创建一个DataGridViwe控件和contextMenuStrip右键快捷列表即可。关于Insert新增一行数据 和 Update更新数据。执行完添加数据库操作后,把公共变量i重新赋值,保存新增后的总行 private void Newinsert() {...
  • vue2.0实现列表数据的增加和删除

    千次阅读 2018-07-23 21:46:26
    '是否要删除当前数据' )){ //当用户点击的取消按钮的时候,应该阻断这个方法中的后面代码的继续执行 return ; } // 方法一 // this.list.splice(index,1); // 方法二: // 根据 id 获取要删除的...
  • 列表中我们经常需要删除单条数据,但是删除后需要刷新数据,经常的做法是去服务器重新请求数据来刷新,但是用户体验不好,我们只需要在删除后,判断是否删除成功然后将删除的位置记录下来,然后再本地数据中把删除数据...
  • 将表单中的数据按列表显示在页面下,删除数据 1.添加数据 1.在页面中,首先通过数据的双向绑定,表单中的v-model=“todo”,绑定数据。 2.通过调用@click="doadd()"方法中的this.list.push(this.todo),...
  • C# 数据删除

    千次阅读 2019-04-27 10:44:03
    删除数据的时候,首先要确定用户想要删除的那一条数据,而在数据库里一个数据表里只有主键ID是唯一的,所以删除数据的时候就可以通过主键ID找到要删除的那条数据,执行删除。 首先是定义一个方法名,方法名后的...
  • 问题: 最近有个需求,当列表里面是表单的时候,我们去循环,该表其中一个数值改变的时候,当先修改,后再删除这条数据的时候,发现页面数据显示不正确,解决办法 解决办法: ...
  • 前面添加完列表的字段之后,接下来介绍列表数据的新增,修改,删除操作,不需要开发,就能实现数据的新增,修改,删除等操作。重新返回到列表的http://192.168.1.73:7003/Lists/UserInfo,如下:列表创建完成后,点击...
  • vue删除数据,不刷新页面

    千次阅读 2018-04-25 17:36:05
    点击的时用splice删除数据的index,删除当前一条即可 splice:方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。 demo: tr v-for="(list,list...
  • // 3.3 第三个参数: 是一个配置对象,要以哪种表单数据类型提交过去, { emulateJSON: true }, 以普通表单格式,将数据提交给服务器 application/x-www-form-urlencoded // 3. 在 post 方法中,使用 .then 来设置...
  • 假如我们要把student列表里面 索引为1的“01”的列表数据删除掉 首先把student[:]的数据赋值给a 如果a = student的话 就会导致更改a的数据也会改变student里面的数据 我们用count计算student列表里面有多少行...
  • 列表数据类型

    千次阅读 2017-04-10 21:44:22
    列表数据类型“列表”是一个值,它包含多个字构成的序列。“列表值”指的是列表本身,而不是指列表中的值。列表中的值称为表项,表项用逗号隔开。列表用左括号开始,右括号结束,即[]。注意,[]是一个空列表,不包含...
  • 重复数据删除技术概述

    千次阅读 2014-10-19 21:59:04
    重复数据删除技术概述 一、 重复数据删除的分类 1. 源端重复数据删除和目标端重复数据删除 源端消重在数据源进行,传输的是已经消重后的数据,能够节省网络带宽,但会占用大量源端系统资源。 目标端消重发生在...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 988,278
精华内容 395,311
关键字:

列表删除数据