here is it, i have removed some private information from the code so sorry if it is messy.
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link type="text/css" rel="stylesheet" href="css/jquery-ui-1.8.12.custom.css" />
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.12.custom.min.js"></script>
<title>test</title>
<script type="text/javascript" language="javascript">
$(document).on("click", "[id*=lnkView]", function () {
ShowPopup();
return false;
});
function ShowPopup() {
$("#dialog").dialog({
title: "GridView",
width: 750,
height: 500,
buttons: {
Ok: function () {
$(this).dialog('close');
}
},
modal: true
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<ajaxToolkit:ToolkitScriptManager ID="scriptManager"
runat="server">
</ajaxToolkit:ToolkitScriptManager>
<table class="table2">
<tr>
<td>
<asp:ImageButton CssClass="reportbtn" ID="showReportbtn" runat="server"
ImageUrl="images/showreport.jpg" OnClick="showReportbtn_Click" />
</td>
</tr>
</table>
<div id="dvGrid">
<center>
<asp:UpdatePanel ID="updatepanel1" runat="server">
<ContentTemplate>
<asp:GridView ID="GridView1" runat="server" Width="100%" AutoGenerateColumns="false"
Font-Size="10.5pt" AlternatingRowStyle-BackColor="#2461BF" HeaderStyle-BackColor="#507CD1"
AllowPaging="true" ShowFooter="true"
PageSize="20" ItemStyle-CssClass="Description"
Font-Names="Times New Roman" onrowcommand="GridView1_RowCommand"
>
<Columns>
<asp:TemplateField ItemStyle-Width="50px" ItemStyle-Font-Size="11pt" HeaderText="upload">
<ItemTemplate>
<asp:FileUpload ID="FileUpload1" runat="server" /><asp:Button ID="bt_upload" runat="server" EnableViewState="False" Text="Upload" CommandName="Upload" />
<asp:HyperLink ID="FileLink" runat="server" Text="" NavigateUrl=""></asp:HyperLink>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField ItemStyle-Width="20px" HeaderText="action">
<ItemTemplate>
<asp:LinkButton Text="View" ID="lnkView" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
<EditRowStyle BackColor="#e4f6db" />
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" HorizontalAlign="Center" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="#EFF3FB" HorizontalAlign="Center" Height="20px"/>
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<AlternatingRowStyle BackColor="white" Height="20px"/>
</asp:GridView>
<asp:Button runat="server" ID="btnModalPopUp"
style="display:none"/>
<AjaxToolkit:ModalPopupExtender ID="modalPopUpExtender1"
runat="server"
TargetControlID="btnModalPopUp"
PopupControlID="pnlPopUp"
BackgroundCssClass="modalBackground"
OkControlID="btnOk"
X="20"
Y="100">
</AjaxToolkit:ModalPopupExtender>
</ContentTemplate>
</asp:UpdatePanel>
<asp:Panel runat="Server" ID="pnlPopUp" CssClass="confirm-dialog">
<div id="dialog" style="display: none" dir="rtl">
<asp:UpdatePanel ID="updatepanel2" runat="server">
<ContentTemplate>
<asp:GridView ID="GridView3" runat="server" Width="100%" AutoGenerateColumns="false"
Font-Size="10.5pt" AlternatingRowStyle-BackColor="#2461BF" HeaderStyle-BackColor="#507CD1"
AllowPaging="true" ShowFooter="true"
PageSize="10" OnPageIndexChanging="OnPageIndexChanging3" OnRowUpdating="UpdateRecords"
Font-Names="Times New Roman" OnRowCancelingEdit="CancelEdit" OnRowEditing="EditRecord"
>
<Columns>
<asp:TemplateField HeaderText="ID" Visible="false">
<ItemTemplate>
<asp:Label ID="ID" runat="server" Text='<%# Eval("ID")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField ItemStyle-Width="50px" ItemStyle-Font-Size="11pt" HeaderText="title">
<ItemTemplate>
<asp:Label ID="subject" runat="server" Text='<%# Eval("title")%>'></asp:Label>
</ItemTemplate>
<HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
</asp:TemplateField>
<asp:TemplateField ItemStyle-Width="20px" HeaderText="الاسم">
<ItemTemplate>
<asp:Label ID="RequesterName" runat="server" Text='<%# Eval("Name")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField ItemStyle-Width="50px" ItemStyle-Font-Size="11pt" HeaderText="action">
<ItemTemplate>
<asp:Label ID="GSActionText" runat="server" Text='<%# Eval("GSAction")%>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<asp:RadioButtonList ID="GSAction" runat="server">
<asp:ListItem Value="Accepted"> موافقة </asp:ListItem>
<asp:ListItem Value="Rejected"> رفض </asp:ListItem>
</asp:RadioButtonList>
</EditItemTemplate>
</asp:TemplateField>
<asp:TemplateField ItemStyle-Width="20px" HeaderText="notes">
<ItemTemplate>
<asp:Label ID="GSACommenttext" runat="server" Text='<%# Eval("GSComment")%>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox ID="GSComment" TextMode="multiline" Columns="20" Rows="3" runat="server"
Text='old value' />
</EditItemTemplate>
</asp:TemplateField>
<asp:CommandField ShowEditButton="True" buttontype="Image" ItemStyle-BorderWidth="1" ItemStyle-Width="50px" EditImageUrl="images/edit-vector.png" UpdateImageUrl="images/saveicon.png" CancelImageUrl="images/cancelicon.png" CausesValidation="false" />
</Columns>
<EditRowStyle BackColor="#e4f6db" />
<FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" HorizontalAlign="Center" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="#EFF3FB" HorizontalAlign="Center" Height="20px"/>
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<AlternatingRowStyle BackColor="white" Height="20px"/>
</asp:GridView>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="GridView3" />
</Triggers>
</asp:UpdatePanel>
</div>
</asp:Panel>
</center>
</div>
</div>
</form>
</body>
</html>
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
this.BindGrid();
}
}
protected void showReportbtn_Click(object sender, ImageClickEventArgs e)
{
SqlCommand getData = new SqlCommand("select quert", mycn);
DataSet ds2 = new DataSet();
SqlDataAdapter da2 = new SqlDataAdapter(getData);
da2.Fill(ds2, "Records");
if (ds2.Tables[0].Rows.Count == 0)
{
// noresults.Visible = true;
}//end if
else
{
this.GridView1.DataSource = ds2;
this.GridView1.DataBind();
GridView1.Visible = true;
//noresults.Visible = false;
}
}
private void BindGrid()
{
if (!IsPostBack)
{
using (SqlConnection...etc)
{
using (SqlCommand cmd = new SqlCommand(" (sqlquery))
{
using (SqlDataAdapter sda = new SqlDataAdapter())
{
cmd.Connection = con;
sda.SelectCommand = cmd;
using (DataTable dt = new DataTable())
{
sda.Fill(dt);
GridView3.DataSource = dt;
GridView3.DataBind();
}
}
}
}
}
}
protected void OnPageIndexChanging3(object sender, GridViewPageEventArgs e)
{
GridView3.PageIndex = e.NewPageIndex;
this.BindGrid();
ClientScript.RegisterStartupScript(this.GetType(), "Popup", "ShowPopup();", true);
}
protected void CancelEdit(object sender, GridViewCancelEditEventArgs e)
{
GridView3.EditIndex = -1;
this.BindGrid();
}
protected void EditRecord(object sender, GridViewEditEventArgs e)
{
GridView3.EditIndex = e.NewEditIndex;
this.BindGrid();
}
protected void UpdateRecords(object sender, GridViewUpdateEventArgs e)
{
RadioButtonList rb = ((RadioButtonList)GridView3.Rows[e.RowIndex]
.FindControl("GSAction"));
if (rb != null)
{
string RecordID = ((Label)GridView3.Rows[e.RowIndex]
.FindControl("ID")).Text;
string Recordtitle = ((Label)GridView3.Rows[e.RowIndex]
.FindControl("subject")).Text;
string ProcedureResult = ((RadioButtonList)GridView3.Rows[e.RowIndex]
.FindControl("GSAction")).SelectedValue;
//string updatedAmenity = e.NewValues[0].ToString();
string Comment = ((TextBox)GridView3.Rows[e.RowIndex]
.FindControl("GSComment")).Text;
//update
}
}
thanks for your help