`

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);
				}
			});}
    	 	});
		}
        }

 

分享到:
评论

相关推荐

    Ext中grid多行数据全部删除

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

    ExtJs组件类的对应表

    2. **`checkbox`** - `Ext.form.Checkbox`,多选框组件,用于创建多选输入。 3. **`combo`** - `Ext.form.ComboBox`,下拉框组件,用于创建下拉选择框。 4. **`datefield`** - `Ext.form.DateField`,日期选择项...

    ExtJs xtype一览

    - **`checkbox` (Ext.form.Checkbox)**: 多选框组件,用于实现多选功能。 - **`combo` (Ext.form.ComboBox)**: 下拉框组件,提供了一个下拉列表供用户选择。 - **`datefield` (Ext.form.DateField)**: 日期选择项...

    EXT WebUi标签库使用说明

    - **checkbox**:复选框,用于多选功能,常用于表单数据收集。 - **checkBoxGroup**:一组复选框,便于管理多个复选框的选中状态。 - **select**:下拉框,支持编辑和智能填充,提升用户体验。 - **dateEdit**:...

    Ext 开发指南 学习资料

    4.10. 非想非想,单选框多选框 4.10.1. 多选呢checkbox 4.10.2. 单选呢radio 4.11. 自动把数据填充到form里 5. 雀跃吧!超脱了一切的弹出窗口。 5.1. 呵呵~跳出来和缩回去总给人惊艳的感觉。 5.2. 先看看最基本的三...

    EXT2.0中文教程

    4.10. 非想非想,单选框多选框 4.10.1. 多选呢checkbox 4.10.2. 单选呢radio 5. 雀跃吧!超脱了一切的弹出窗口。 5.1. 呵呵~跳出来和缩回去总给人惊艳的感觉。 5.2. 先看看最基本的三个例子 5.2.1. Ext.MessageBox...

    Ext组件描述,各个组件含义

    - **功能描述**:Checkbox 是一个复选框控件,用户可以通过勾选来选择或取消选择。 - **主要用途**:适用于需要用户进行多选操作的场景。 **2.18 ComboBox (Ext.form.ComboBox)** - **xtype**: `combo` - **功能...

Global site tag (gtag.js) - Google Analytics