Hi santosh86,
I have created a sample which full fill you requirement
HTML
<div align="center">
First GridView
<asp:GridView ID="FirstGridView" runat="server" AutoGenerateColumns="false">
<Columns>
<asp:TemplateField ItemStyle-CssClass="IgnoreCheckBoxColumn">
<ItemTemplate>
<asp:CheckBox ID="cbPassRow" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="ID" HeaderText="Id" ItemStyle-Width="30" />
<asp:BoundField DataField="Name" HeaderText="Name" ItemStyle-Width="150" />
<asp:BoundField DataField="Country" HeaderText="Country" ItemStyle-Width="150" />
</Columns>
</asp:GridView>
<br />
Second GridView
<asp:GridView ID="SecondGridView" runat="server">
</asp:GridView>
</div>
<div>
<style type="text/css">
.Dummy
{
display: none;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
// Calls when checkbox is checked.
$('[id*=FirstGridView] [id*=cbPassRow]').on('click', function () {
//Second Gridview.
var gridview2 = $('[id*=SecondGridView]');
//Get Row Which Checbox is Selected.
var tr = $(this).closest('tr');
//Ignoring the checkbox column so that it wont get added in second gridview.
var tds = $(tr).find('td').not('.IgnoreCheckBoxColumn');
var row = '<tr>';
for (var i = 0; i < tds.length; i++) {
row += tds[i].outerHTML;
}
row += '</tr>';
//Appending selected row to second gridview.
gridview2.append(row);
//Disabling the selected row of first gridview.
$(this).closest('tr').find('[id*=cbPassRow]').prop('disabled', true);
});
});
</script>
</div>
C#
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
FirstGridViewBind();
SecondGridViewBind();
}
}
private void FirstGridViewBind()
{
DataTable dt = new DataTable();
dt.Columns.AddRange(new DataColumn[3] { new DataColumn("Id", typeof(int)),
new DataColumn("Name", typeof(string)),
new DataColumn("Country",typeof(string)) });
dt.Rows.Add(); // Dummy Row
dt.Rows.Add(1, "John Hammond", "United States");
dt.Rows.Add(2, "Mudassar Khan", "India");
dt.Rows.Add(3, "Suzanne Mathews", "France");
dt.Rows.Add(4, "Robert Schidner", "Russia");
FirstGridView.DataSource = dt;
FirstGridView.DataBind();
FirstGridView.Rows[0].CssClass = "Dummy";
}
private void SecondGridViewBind()
{
DataTable dt = new DataTable();
dt.Columns.AddRange(new DataColumn[3] { new DataColumn("Id", typeof(int)),
new DataColumn("Name", typeof(string)),
new DataColumn("Country",typeof(string)) });
dt.Rows.Add(); // Dummy Row.
SecondGridView.DataSource = dt;
SecondGridView.DataBind();
SecondGridView.Rows[0].CssClass = "Dummy";
}
ScreenShot
Hope this works for you.
