ext2.2打造全新功能grid系列--批量删除篇.doc

批量删除篇主要介绍如何获取批量删除所需要的数据以及将一个实现批量删除的存储过程贴出来供大家讨论.本例子实现了客户端获取以及存储ID数据的方式,在从服务器端返回后也做了假设性的处理.这里不需要再弹出一个窗体来确认批量删除,但是还是需要一个确认的消息框的,如果选择删除才会执行删除的处理语句. 先看看图片吧 通过上面这幅效果图可以看见在分页栏里面已经将批量删除按钮放置进去,在没有选中任何数据的时候点批量删除按钮就会弹出下面的消息 通过上面的提示可以明白一切,不需要多说.在正确选择记录后就会弹出如下图所示的确认消息,如果选择是就将执行删除,否则取消删除 下面把页面的实现代码张贴出来: ? %@ Page Language=C# AutoEventWireup=true CodeFile=gridMoreDelete.aspx.cs Inherits=gridMoreDelete % !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtmlhead runat=server??? title批量删除篇/title??? link rel=Stylesheet type=text/css href=ExtJS/resources/css/ext-all.css /??? link rel=Stylesheet type=text/css href=ExtJS/resources/css/xtheme-green.css /??? script type=text/javascript src=ExtJS/adapter/ext/ext-base.js/script??? script type=text/javascript src=ExtJS/ext-all.js/script??? script type=text/javascript src=ExtJS/ext-lang-zh_CN.js/script??? style type=text/css??? .panel_icon { background-image:url(images/first.gif)}??? .center_icon { background-image:url(images/house.png)}??? /style/headbody??? form id=form1 runat=server??? div??? script type=text/javascript??? ??? function ready()??? {??????? //添加下面这句，有助于当鼠标放在Ext自带的图标上时能够显示提示的功能??????? Ext.QuickTips.init();??????? ??????? var url = jsonGrid.aspx?Param=select;??????? var sm = new Ext.grid.CheckboxSelectionModel();??????? ??????? var cm = new Ext.grid.ColumnModel??????? ([??????? ??????????? sm,new Ext.grid.RowNumberer({header:编号,width:50}),??????????? {header:编号,dataIndex:ID,width:10,hidden:true},??????????? {header:标题,dataIndex:TypeCName,width:100,editor:new Ext.form.TextField()},??????????? {header:英文名称,dataIndex:TypeEName,width:100,editor:new Ext.form.TextField()},??????????? {header:状态,dataIndex:DelFlag,width:100,renderer:function(value) {if(value==false) {return 显示;} else {return 隐藏;}}},??????????? {header:添加日期,dataIndex:AddDate,width:100,renderer:Ext.util.Format.dateRenderer(Y年m月d日)}??????? ]);??????? cm.defaultSortable =