Получить GridView выбранной строки DataKey в Javascript

StackOverflow https://stackoverflow.com/questions/228549

  •  04-07-2019
  •  | 
  •  

Вопрос

У меня есть GridView, который я могу выбрать строку. Затем у меня есть кнопка над сеткой под названием «Редактировать», которую пользователь может щелкнуть, чтобы открыть окно и редактировать выбранную строку. Таким образом, кнопка будет иметь код Javascript позади нее в соответствии с 

function editRecord()
{
  var gridView = document.getElementById("<%= GridView.ClientID %>");
  var id = // somehow get the id here ???
  window.open("edit.aspx?id=" + id);
}

Вопрос в том, как получить идентификатор выбранной записи в JavaScript?

Это было полезно?

Решение

Я решил это, основываясь на ответе Джейсона. Я создал скрытое поле в виде сетки следующим образом: 

<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>

Тогда на OnRowDataBind есть код для установки выбранной строки 

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());
        }
    }            
}

А потом в Javascript у меня есть такой код 

<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>

Работает угощение: -)

Другие советы

1) измените функцию javascript на использование параметра 

function editRecord(clientId)
{ ....

2) вывести вызов с помощью кнопки editRecord ... если вы хотите избежать работы с сгенерированными идентификаторами .net, просто используйте простой 

<input type="button" onclick="editRecord(your-rows-client-id-goes-here)" />

Исходя из ваших комментариев к ответу @ DaveK, в javascript вы можете установить идентификатор скрытого поля для clientId выбранной строки, когда пользователь выбирает его. Затем пусть ваша функция editRecord использует значение, установленное в скрытом поле формы.

можно полностью избежать javascript, установив теги привязки, предварительно заполненные строкой запроса для каждой строки (хотя это повлияет на макет таблицы, для этого потребуется только один щелчок, а не 2 от пользователя)

вставить в шаблон вида сетки: 

<asp:HyperLink runat="server" ID="editLink" Target="_blank"
   NavigateURL='<%# Eval("JobID","edit.aspx?id={0}") %>'> 
     Edit..
</asp:HyperLink>
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top