Custom asp grid view , Using checkbox i want to group selected rows. (Grouping a normal grid rows and bind it back in edit mode)

See more:

ASP.NET

Javascript

i have asp:grid view which is doing DML operations. I have created it. using follwoing code. Grid contains Textboxs,dropdown, link buttons.this image is the edit mode.

Now i what i want is i select 2 check boxs and click Group button one Pop screen will appear which will form Something like this

Security Type or Security Model (Radio buttons ) 2.Security Type and Security Model
Click Done so the selected Item will come back to Grid and Form a Gruop of Selected Rows and Outer check box will be created.

<asp:GridView ID="gvExpression" AutoGenerateColumns="False" BorderColor="White" BorderStyle="Ridge"         CellSpacing="1" CellPadding="3" GridLines="Both" BackColor="White" BorderWidth="2px"         EmptyDataText="No data available." runat="server" OnRowEditing="gvExpression_RowEditing"         OnRowCancelingEdit="gvExpression_RowCancelingEdit" OnRowUpdating="gvExpression_RowUpdating"         OnRowDataBound="gvExpression_RowDataBound" DataKeyNames="ID">         <columns>             <asp:TemplateField>                 <itemtemplate>                     <asp:CheckBox ID="chkGroup" runat="server" />                 </itemtemplate>                          <asp:BoundField DataField="ID" HeaderText="ID" ReadOnly="true" Visible="false">             <asp:TemplateField HeaderText="Filed Name">                 <HeaderStyle HorizontalAlign="Left" Width="200px" />                 <itemstyle horizontalalign="Left" width="200px" />                 <itemtemplate>                     <%#Eval("FiledName")%>                     <asp:LinkButton ID="btnApplyFunction" runat="server" CommandName="ApplyFunction" Text="ApplyFunction" />                 </itemtemplate>                 <edititemtemplate>                     <asp:TextBox ID="txtFieldName" Text='<%#Eval("FiledName")%>' runat="server" />                 </edititemtemplate>                          <asp:TemplateField HeaderText="Operators">                 <HeaderStyle HorizontalAlign="Left" Width="30px" />                 <itemstyle horizontalalign="Left" />                 <itemtemplate>                     <%#Eval("Operators")%></itemtemplate>                 <edititemtemplate>                     <asp:DropDownList ID="ddlOperator" runat="server">                                      </edititemtemplate>                          <asp:TemplateField HeaderText="Value">                 <HeaderStyle HorizontalAlign="Left" Width="100px" />                 <itemstyle horizontalalign="Left" width="100px" />                 <itemtemplate>                     <%#Eval("Value")%>                 </itemtemplate>                 <edititemtemplate>                     <asp:TextBox ID="txtValue" Text='<%#Eval("Value")%>' runat="server" />                 </edititemtemplate>                          <asp:TemplateField>                 <itemtemplate>                     <asp:LinkButton ID="btnedit" runat="server" CommandName="Edit" Text="Edit" />                 </itemtemplate>                 <edititemtemplate>                     <asp:LinkButton ID="btnupdate" runat="server" CommandName="Update" Text="Save" />                     <asp:LinkButton ID="btncancel" runat="server" CommandName="Cancel" Text="Cancel" />                 </edititemtemplate>                      </columns>            <%#Eval("FiledName")%>  <div>     <tr align="center">         <td align="center">             <asp:Button ID="btnAdd" runat="server" Text="Add" OnClick="btnAdd_Click" />         </td>         <td align="center">             <asp:Button ID="btnDelete" runat="server" OnClick="btnDelete_Click" Text="Delete" />         </td>         <td align="center">             <asp:Button ID="btnGroup" runat="server" OnClick="btnGroup_Click" Text="Group" />         </td>     </tr></div>