StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>I worked it out based on JasonS response. What I did was create a hidden field in the Grid View like this:</p> <pre><code><asp:TemplateField ShowHeader="False"> <ItemTemplate> <asp:HiddenField ID="hdID" runat="server" Value='<%# Eval("JobID") %>' /> </ItemTemplate> </asp:TemplateField> <asp:TemplateField Visible="False"> <ItemTemplate> <asp:LinkButton ID="lnkSelect" runat="server" CommandName="select" Text="Select" /> </ItemTemplate> </asp:TemplateField> </code></pre> <p>Then on the OnRowDataBind have code to set the selected row</p> <pre><code>protected virtual void Grid_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { // Click to highlight row Control lnkSelect = e.Row.FindControl("lnkSelect"); if (lnkSelect != null) { StringBuilder click = new StringBuilder(); click.AppendLine(m_View.Page.ClientScript.GetPostBackClientHyperlink(lnkSelect, String.Empty)); click.AppendLine(String.Format("onGridViewRowSelected('{0}')", e.Row.RowIndex)); e.Row.Attributes.Add("onclick", click.ToString()); } } } </code></pre> <p>And then in the Javascript I have code like this</p> <pre><code><script type="text/javascript"> var selectedRowIndex = null; function onGridViewRowSelected(rowIndex) { selectedRowIndex = rowIndex; } function editItem() { if (selectedRowIndex == null) return; var gridView = document.getElementById('<%= GridView1.ClientID %>'); var cell = gridView.rows[parseInt(selectedRowIndex)+1].cells[0]; var hidID = cell.childNodes[0]; window.open('JobTypeEdit.aspx?id=' + hidID.value); } </script> </code></pre> <p>Works a treat :-)</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload