Hi Guys, Please find below script here when i click delete button record will be delete in grid but not delete in database please help me

InsertCommand="

select @USER_ID as USER_ID,@ViewName as ViewName,items as Account into #RD from dbo.Split(@Account,',')

insert into Account_Permissions(USER_ID,ViewName,Account) select * from #RD; drop table #RD


SELECT @newId = @@Identity;"
DeleteCommand="DELETE FROM Account_Permissions WHERE ID=@ID"
UpdateCommand="Update Account_Permissions set USER_ID=@USER_ID,ViewName=@ViewName,Account=@Accou nt where (ID=@ID)"
OnInserted="SqlDataSource1_Inserted" >
<DeleteParameters>
<asp:Parameter Name="ID" Type="Int32" />
</DeleteParameters>
<SelectParameters>
<asp:ControlParameter Name="USERID" ControlID="hdnUserID" PropertyName="Value" Type="String" />
</SelectParameters>
<InsertParameters>


<asp:Parameter Name="USER_ID" Type="String" />
<asp:Parameter Name="ViewName" Type="String" />

<asp:Parameter Name="Account" Type="String" />
<asp:Parameter Direction="Output" Name="newId" Type="Int32" />

</InsertParameters>

<%--<SelectParameters><asp:Parameter Name="UserName" Type="String" /></SelectParameters>--%>

</asp:SqlDataSource>

<ext:Store

ID="Store1"
runat="server"
DataSourceID="SqlDataSource1"
ShowWarningOnFailure="false"
UseIdConfirmation="true" OnAfterRecordInserted="Store1_AfterRecordInserted" OnAfterDirectEvent="Store1_AfterDirectEvent"
OnBeforeDirectEvent="Store1_BeforeDirectEvent"

OnSubmitData="Store1_Submit" RemoteSort="true">


<Model>
<ext:Model ID="Model1" IDProperty ="ID" runat="server" >
<Fields>
<ext:ModelField Name="USER_ID" Type="String" />
<ext:ModelField Name="ViewName" Type="String"/>
<ext:ModelField Name="Account" Type="String" />
<ext:ModelField Name="ID" Type="Int" />

</Fields>
</ext:Model>
</Model>

<Listeners>
<%--<LoadException Handler="Ext.Msg.alert('Income - Load failed', e.message || e);" />
<CommitFailed Handler="Ext.Msg.alert('Income - Commit failed', 'The Combination Was Already Exsisted');" />--%>
<Exception Handler="Ext.Msg.alert('Operation failed', operation.getError());" />
<Write Handler="Ext.Msg.alert('Account Permissions - Commit', 'The data successfully saved');" />
</Listeners>
</ext:Store>

<ext:Viewport ID="Viewport1" runat="server" Layout="FitLayout">
<Items>


<ext:Panel ID="Panel2" runat="server" Height="450" Header="false" Layout="Fit">
<Items>
<ext:GridPanel
ID="GridPanel1"
runat="server"
Title="Account Permissions"

StoreID="Store1"
Border="false"
Layout="Fit"
BodyStyle="color:Black;">

<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:ToolbarFill ID="ToolbarFill1" runat="server" />


<ext:Button ID="Button3" runat="server" Text="To Excel" Icon="PageExcel">
<Listeners>
<Click Handler="submitValue(#{GridPanel1}, #{FormatType}, 'xls');" />
</Listeners>
</ext:Button>


</Items>
</ext:Toolbar>
</TopBar>
<ColumnModel ID="ColumnModel1" runat="server">



<Columns>


<ext:Column ID="Column1" DataIndex="USER_ID" Header="User Name" runat="server" Width="150" StyleSpec="font-weight: bold;" >
<Editor>
<ext:ComboBox
ID="ComboBox1"
runat="server" Width="200px"
QueryMode="Local" DisplayField="USER_ID" ValueField="USER_ID" EnableKeyEvents="true" EnableRegEx="true" EmptyText="Select USER_ID"
>
<Store>
<ext:Store ID="ProStore" runat="server">
<Model>
<ext:Model ID="Model10" runat="server">
<Fields>

<ext:ModelField Name="USER_ID" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<Listeners>
<BeforeQuery Handler="var q = queryEvent.query;

queryEvent.query = new RegExp(q,'i');
queryEvent.query.length = q.length;" />
</Listeners>
</ext:ComboBox>
</Editor>

</ext:Column>

<ext:Column ID="Column2"
ColumnID="ViewName12"
DataIndex="ViewName"
Header="View Name" Width="150" runat="server" StyleSpec="font-weight: bold;" ><Editor>
<ext:ComboBox
ID="ComboBox3"
runat="server" Width="200px"
QueryMode="Local" DisplayField="ViewName" ValueField="ViewName" EnableKeyEvents="true" EnableRegEx="true" EmptyText="Select View Name"
>
<Store>
<ext:Store ID="Store3" runat="server">
<Model>
<ext:Model ID="Model3" runat="server">
<Fields>

<ext:ModelField Name="ViewName" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<Listeners>
<BeforeQuery Handler="var q = queryEvent.query;

queryEvent.query = new RegExp(q,'i');
queryEvent.query.length = q.length;" />
</Listeners>
</ext:ComboBox>

</Editor>

</ext:Column>
<ext:Column ID="Column3"
ColumnID="Account"
DataIndex="Account"
Header="Account" Width="150" runat="server" StyleSpec="font-weight: bold;" ><Editor>
<ext:MultiCombo
ID="ComboBox2"
runat="server" Width="200px"
QueryMode="Local" DisplayField="Account" ValueField="Account" EnableKeyEvents="true" EnableRegEx="true" EmptyText="Select Account"
>
<Store>
<ext:Store ID="Store2" runat="server">
<Model>
<ext:Model ID="Model2" runat="server">
<Fields>

<ext:ModelField Name="Account" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<Listeners>
<BeforeQuery Handler="var q = queryEvent.query;

queryEvent.query = new RegExp(q,'i');
queryEvent.query.length = q.length;" />
</Listeners>
</ext:MultiCombo>

</Editor>

</ext:Column>
<ext:Column ID="Column4"
ColumnID="ID"
DataIndex="ID"
Header="ID" Width="150" Hidden="true" runat="server" ></ext:Column>
</Columns>
</ColumnModel>
<Features>
<ext:GridFilters ID="filter" runat="server" Local="true">
<Filters>
<ext:StringFilter DataIndex="USER_ID"></ext:StringFilter>
<ext:StringFilter DataIndex="ViewName"></ext:StringFilter>
<ext:StringFilter DataIndex="Account"></ext:StringFilter>
</Filters>
</ext:GridFilters>
</Features>
<SelectionModel>
<ext:CheckboxSelectionModel ID="CheckboxSelectionModel1" runat="server" Mode="Multi" />

</SelectionModel>
<Plugins>
<ext:CellEditing ID="CellEditing1" runat="server" />
<ext:GenericPlugin ID="GenericPlugin1" runat="server" Singleton="true" InstanceName="Ext.ux.grid.DataDrop"></ext:GenericPlugin>
</Plugins>

<BottomBar>
<ext:PagingToolbar ID="PagingToolbar1" runat="server" StyleSpec="color:Black" HideRefresh="true">
<Items>
<ext:Label ID="Label2" runat="server" Text="Page size:" StyleSpec="color:Black" />
<ext:ToolbarSpacer ID="ToolbarSpacer1" runat="server" Width="10" />
<ext:ComboBox ID="ComboBox6" runat="server" Width="80">
<Items>
<ext:ListItem Text="20" />
<ext:ListItem Text="40" />
<ext:ListItem Text="60" />
<ext:ListItem Text="100" />
<ext:ListItem Text="200" />
<ext:ListItem Text="500" />
</Items>
<SelectedItems>
<ext:ListItem Text="20" />
</SelectedItems>



<Listeners>
<Select Handler="#{GridPanel1}.store.pageSize = parseInt(this.getValue(), 10); #{GridPanel1}.store.load();" />

</Listeners>
</ext:ComboBox>
</Items>
<Plugins>
<ext:ProgressBarPager ID="ProgressBarPager1" runat="server" />
</Plugins>
</ext:PagingToolbar>

</BottomBar>


</ext:GridPanel> <ext:Label ID="Label1" runat="server" />
</Items>

<Buttons>

<ext:Button ID="btnSave" runat="server" Text="Save" Icon="Disk">
<Listeners>
<Click Handler="#{Store1}.sync();" />

</Listeners>

</ext:Button>
<ext:Button ID="btnDelete" runat="server" Text="Delete selected records" Icon="Delete">

<Listeners>
<%--<Click Handler="deleteRows(#{GridPanel1});" />--%>
<%--<Click Handler="#{GridPanel1}.deleteSelected();" />--%>
<Click Handler="Ext.Msg.confirm('Delete', 'Are you sure you want to delete?', function(btn){if(btn=='yes')#{GridPanel1}.deleteSe lected();if (!#{GridPanel1}.hasSelection()) {#{btnDelete}.disable();}})" />

</Listeners>

</ext:Button>
<ext:Button ID="btnInsert" runat="server" Text="Insert" Icon="Add">
<Listeners>
<Click Handler="#{Store1}.insert(0, {});#{GridPanel1}.editingPlugin.startEditByPositio n({row:0, column:0});" />

</Listeners>
</ext:Button>
<ext:Button ID="btnRefresh" runat="server" Text="Refresh" Icon="ArrowRefresh">

<DirectEvents>
<Click OnEvent="Datareload" />
</DirectEvents>
</ext:Button>

</Buttons>
</ext:Panel>

</Items>
</ext:Viewport>
</form>
</body>
</html>