`

ExtJs Grid通过多选框多选删除多行数据

阅读更多
//运用了选择模型
var del=function del(button,url){
        //首先获得关联删除操作的grid
        var grid = button.ownerCt.ownerCt;
                //获得被选择的数据模型
		var selmodels= grid.getSelectionModel();
                   //返回模型中被记录的数组
		var selections= grid.getSelectionModel().getSelection();
                //如果不大于1条等于没选中
		if(selections.length<1){
			Ext.Msg.alert('提示','请先选择一行!')
		}else{
                 //如果选中且确认删除则执行操作
		Ext.MessageBox.confirm("","确定要删除所选信息吗?",function(choice){
         	if(choice == 'yes'){
                //得到一个维持所有当前已选择的记录的混合集合。
    	        var selecteds= grid.getSelectionModel().selected;
                //获取grid的store
		var store = grid.getStore();
                //获取store记录总数量
		var rowlength=store.getCount();
		var params='';
                //遍历所有记录
		for(var i=rowlength-1;i>=0;i--){
                   //如果选择集里有所有记录里被选择的记录的索引
		   if(selmodels.isSelected(i)){
                           //获取索引所对应的模型下的值
		   	   params+=store.getAt(i).get('objectid')+',';
                        //移除对应索引下的值
		       store.remove(store.getAt(i));
		   }
		}
                //处理数据
		urlparams=params.slice(0,params.lastIndexOf(','));
		Ext.Msg.alert('参数',urlparams);
		Ext.Ajax.request( {
                                //发送ajax请求 
				url : url,
				params: {
			         objectids:urlparams
			    },
				success : function(response, opts) {
					grid.view.refresh();
				},
				failure:function(response){
					//Ext.Msg.alert('失败',response.responseText);
				}
			});}
    	 	});
		}
        }

 

分享到:
评论

相关推荐

    ExtJs grid多选时获取选中的所有值

    在实际业务场景中,经常需要支持用户对表格中的多行数据进行选择,并执行批量操作,如删除、编辑等。因此,掌握如何在ExtJs Grid中实现多选功能以及如何获取已选中的所有值是非常重要的。 #### 二、实现多选功能 在...

    Extjs grid分页多选记忆功能

    很多同事在用extjs grid做分页的时候,往往会想用grid的多选功能来实现导出Excel之类的功能(也就是所谓的多选记忆功能),但在选选择下一页的时候 上一页选中的已经清除 这是因为做分页的时候又向服务器请求了分页...

    Extjs6中Combobox实现下拉多选

    该资源主要展示了在Extjs6中Combobox控件实现下拉选择多个数据的功能

    Ext中grid多行数据全部删除

    通过以上步骤,我们可以在ExtJS中实现grid多行数据的全部删除功能。这种方式不仅提高了用户体验,还简化了前端开发人员的工作流程。同时,这种方法也可以扩展到其他类似的场景中,比如批量修改、批量审核等。希望...

    Extjs3.4.0版本 多选下拉框效果支持多选/全选/全不选

    这个功能增强了标准的单选下拉框,允许用户同时选择多个条目,通常通过复选框实现。在描述中提到的“全选/全不选”功能,是多选下拉框的一种高级特性,它提供了快速选择或取消所有选项的便利。 首先,我们来看看`...

    ExtJS grid过滤操作

    ExtJS Grid是一个强大的数据展示组件,它允许用户以表格的形式查看和操作大量数据。在实际应用中,数据过滤是常见的需求,以便用户能快速定位到感兴趣的信息。本篇将深入探讨ExtJS Grid的过滤操作,以及如何动态地对...

    Extjs3 多选下拉框LovCombo

    1. **多选功能**:与传统的单选下拉框不同,LovCombo允许用户同时选择多个选项,通过检查框或复选标记实现。 2. **动态加载**:数据通常从服务器异步加载,根据用户的输入过滤结果,这样可以减少页面的加载时间,并...

    解决Extjs当中复选框全选后,取消选中某一项,全选框仍是选中状态的问题

    EXTJS的`Ext.selection.CheckboxModel`(或简写为`checkboxSelection`)提供了复选框选择模型,用于表格(grid)和其他组件,使得用户可以通过复选框进行多项选择。全选功能通常通过添加一个特殊的复选框来实现,该...

    Extjs4下拉树菜单ComboBoxTree支持单选和多选并且支持展开选中指定节点的通用控件

    用户可能可以通过Ctrl或Shift键进行多选操作,或者通过复选框(如果存在的话)来选择节点。这在需要用户选择多个选项的场景中非常实用。 至于“展开选中指定节点”,这通常涉及到对TreeStore的处理和监听节点的扩展...

    extjs grid数据导出excel文件

    总结来说,EXTJS Grid的数据导出到Excel是通过获取Grid数据、转换数据格式、利用SheetJS创建Excel文件,并最终提供下载链接来实现的。这一过程涉及到了EXTJS的Store操作、SheetJS的API使用以及前端文件操作等技术。...

    Extjs4.X下comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用

    在ExtJS 4.x的ComboboxTree中,通过配置参数可以实现多选和单选模式。通常,单选可以通过设置`multiSelect: false`来实现,而多选则通过设置`multiSelect: true`。同时,还需要配置`mode`为`EXTJS4`特有的`EXTJS4`...

    extjs4.1下拉复选框完整DEMO

    总结一下,"extjs4.1下拉复选框完整DEMO"展示了如何利用ExtJS 4.1的组件系统和数据存储机制创建一个动态加载数据的下拉复选框。这个DEMO的实现包括核心库、用户扩展、资源文件和演示代码,为开发者提供了一个完整的...

    EXTJS grid导出EXCEL文件

    在EXTJS中,Grid组件是一个强大的数据展示工具,它允许用户以表格形式查看和操作大量数据。在EXTJS 3.2.0版本中,Grid提供了一个功能,可以将其中的数据导出到Microsoft Excel文件中,方便进一步的数据分析和处理。 ...

    Extjs Grid 操作大全

    通过以上介绍可以看出,Extjs Grid提供了非常灵活的方式来操作表格数据。无论是获取数据还是添加事件监听器,都十分方便。开发者可以根据实际需求灵活运用这些特性,以提升用户体验并提高开发效率。希望本文能帮助...

    extjs grid示例代码

    ExtJS Grid是Sencha ExtJS框架中的一个核心组件,它用于构建数据驱动的表格视图。Grid组件在Web应用中广泛使用,因为它提供了强大的数据展示、排序、分页、筛选和编辑功能。以下是对`ExtJS Grid`示例代码的详细解析...

    Extjs 实现多行合并(rowspan)效果

    在ExtJS中实现多行合并(rowspan)的效果,通常是为了在数据表格中展示具有层次结构的数据,或者在某些特定情况下需要对表格行进行合并,以优化数据的展示。这通常涉及到对表格(GridPanel)的配置和自定义。下面...

    ExtJs Grid选择行

    在ExtJs框架中,Grid组件是一种非常常用的展示数据表格的方式,它提供了丰富的功能,包括数据的排序、分页、过滤以及行选择等。在实际应用中,经常需要根据用户交互来判断Grid中的行是否被选中,以便进行下一步的...

    extjs grid 多表头插件

    多表头插件是ExtJS Grid的一个重要特性,它允许我们创建具有多层次、复杂结构的表头,以便更好地组织和呈现数据。在ExtJS Grid中,多表头能够帮助用户更清晰地理解列的分组和关系,提高数据的可读性和分析性。 首先...

    基于EXTjs 的 动态复选框树

    基于EXTjs 的 动态复选框树 json数据交互

Global site tag (gtag.js) - Google Analytics