ExtJS中使用SelectionModel获取Records批量删除的前台实现
本文由发表于6年前 | Javascript | 评论数 1 |  被围观 14,714 views+

批量删除的基本方法是把需要删除的一组ID使用字符串形式传到后台,然后再后台把字符串转换成数组获取到所有的ID进行处理。
① 使用getSelectionModel()获取GridPanel的SelectionModel,主要表格的ColumnModel需要设置选择模型:

var checkColumn = new Ext.grid.CheckboxSelectionModel();

② 使用SelectionModel的getSelections()方法获取选中的Record
③ 使用Record的get方法获取对应字段的值
④ 把所有字段的值组装成字符串传给后台。

具体实现代码如下:
var gridSelMode = _tab4_styleGridPanel.getSelectionModel();
var selRecords = gridSelMode.getSelections();
var selIds = null;
if(selRecords.length == 0){
	Ext.MessageBox.alert('信息提示',"请选择需要推荐的产品");
	return;
}
for(var i = 0; i < selRecords.length; i++){
	selIds += selRecords[i].get("style_id");
    if(i < selRecords.length-1) selIds += ",";
}
Ext.Ajax.request({  
    url:'product/ProductStyle-recommend.action',  
    method:'post',  
    params: { productStyleId: selIds},  
    waitMsg:'执行推荐操作中,请稍后....',  
    success:function(response,opts){  
        Ext.MessageBox.alert('信息提示',"推荐成功!");  
        _tab4_styleGridPanel.getStore().load({
    		params:{
    			start:0,
    			limit:4
    		}
    	}); 
    },  
    failure:function(response,opts){  
        Ext.MessageBox.alert('信息提示',"推荐失败");  
    }  
});
除了文章中有特别说明,均为IT宅原创文章,转载请以链接形式注明出处。
本文链接:http://www.itzhai.com/extjs-using-selectionmodel-get-the-prospects-to-achieve-bulk-deletion-records.html
arthinking Java技术交流群:280755654,入门群:428693174 more
分享到:
 
2011 8/6
文章评论
    一条评论
  1. 2014年06月03日11:13:20  #-49楼 回复 回复

    收藏版

给我留言

有人回复时邮件通知我
Javascript的相关文章
随机文章 本月热门 热评
1 Javascript笔记 – Javascript中的闭包 2012/5/31
2 Java使用默认浏览器打开超链接 2011/5/10
3 Java基础笔记 – 字符流分类详细介绍和各种字符流类介绍与使用 字符集 2011/10/22
4 Java笔记 – Java中的格式化输出,Formatter类的介绍 2013/12/14
5 转角处的音乐梦想家 2012/7/4
6 树形组建TreePanel从servlet中读取JSON数据 2011/4/10
友情推荐 更多
破博客 文官洗碗安天下,武将打怪定乾坤。多么美好的年代,思之令人泪落。
Mr.5's Life 白天是一名程序员,晚上就是个有抱负的探索者
行知-追寻技术之美 关注大数据,分布式系统
我爱编程 编程成长轨迹
Cynthia's Blog 学习笔记 知识总结 思考感悟
 
欢迎关注我的公众号 IT宅
关于IT宅 文章归档

IT宅中的文章除了标题注明转载或有特别说明的文章,均为IT宅的技术知识总结,学习笔记或随笔。如果喜欢,请使用文章下面提供的分享组件。转载请注明出处并加入文章的原链接。 感谢大家的支持。

联系我们:admin@itzhai.com

Theme by arthinking. Copyright © 2011-2015 IT宅.com 保留所有权利.