//运用了选择模型
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多行数据的全部删除功能。这种方式不仅提高了用户体验,还简化了前端开发人员的工作流程。同时,这种方法也可以扩展到其他类似的场景中,比如批量修改、批量审核等。希望...
2. **`checkbox`** - `Ext.form.Checkbox`,多选框组件,用于创建多选输入。 3. **`combo`** - `Ext.form.ComboBox`,下拉框组件,用于创建下拉选择框。 4. **`datefield`** - `Ext.form.DateField`,日期选择项...
- **`checkbox` (Ext.form.Checkbox)**: 多选框组件,用于实现多选功能。 - **`combo` (Ext.form.ComboBox)**: 下拉框组件,提供了一个下拉列表供用户选择。 - **`datefield` (Ext.form.DateField)**: 日期选择项...
- **checkbox**:复选框,用于多选功能,常用于表单数据收集。 - **checkBoxGroup**:一组复选框,便于管理多个复选框的选中状态。 - **select**:下拉框,支持编辑和智能填充,提升用户体验。 - **dateEdit**:...
4.10. 非想非想,单选框多选框 4.10.1. 多选呢checkbox 4.10.2. 单选呢radio 4.11. 自动把数据填充到form里 5. 雀跃吧!超脱了一切的弹出窗口。 5.1. 呵呵~跳出来和缩回去总给人惊艳的感觉。 5.2. 先看看最基本的三...
4.10. 非想非想,单选框多选框 4.10.1. 多选呢checkbox 4.10.2. 单选呢radio 5. 雀跃吧!超脱了一切的弹出窗口。 5.1. 呵呵~跳出来和缩回去总给人惊艳的感觉。 5.2. 先看看最基本的三个例子 5.2.1. Ext.MessageBox...
- **功能描述**:Checkbox 是一个复选框控件,用户可以通过勾选来选择或取消选择。 - **主要用途**:适用于需要用户进行多选操作的场景。 **2.18 ComboBox (Ext.form.ComboBox)** - **xtype**: `combo` - **功能...