У меня есть сетка с несколькими скрытыми столбцами. Когда я курсирую над каждой строкой в сетке, я хочу, чтобы значения скрытых столбцов отображались в текстовых полях ниже gridview.asp.net получить значения gridview с jquery и надеть текстовые поля
Ниже приведен код html/aspx (укороченный) Только несколько столбцов видны, большинство из них скрыто.
<asp:GridView ID="GridView1" >
<rowstyle cssclass="GridRowStyle" />
<Columns>
<asp:BoundField DataField="ClientsName" HeaderText="ClientsName"></asp:BoundField>
<asp:BoundField DataField="Clientsaddress1" HeaderText="Clientsaddress1"><ItemStyle CssClass="hiddencol" /><HeaderStyle CssClass="hiddencol" /> </asp:BoundField>
<asp:BoundField DataField="Clientsaddress2" HeaderText="Clientsaddress3"><ItemStyle CssClass="hiddencol" /><HeaderStyle CssClass="hiddencol" /> </asp:BoundField>
</columns>
</asp:gridview>
<asp:TextBox ID="txtAddress1" runat="server" Width="250px" ></asp:TextBox>
<asp:TextBox ID="txtAddress2" runat="server" Width="250px" ></asp:TextBox>
Ниже некоторые из кода JQuery я использую, чтобы получить GridView строки я выбрал, но я не могу заставить его дать мне значение каждого скрытого столбца в GridView строке. Я пробовал несколько фрагментов кода, найденных в stackoverflow, но не могу заставить его работать. Код дает мне номер строки, на которой я включен, отлично, но не могу получить значения скрытых столбцов и помещать их в соответствующие текстовые поля ниже gridview.
$("#GridView1 tr td").mouseenter(function() {
var iColIndex = $(this).closest("tr td").prevAll("tr td").length;
var iRowIndex = $(this).closest("tr").prevAll("tr").length;
alert(iRowIndex)
});
Ваше руководство оценено.
ОБНОВЛЕНИЕ: вот пример того, что получается в HTML. На странице есть около 600 строк текста, поэтому я сократил, чтобы показать только пример того, как выглядит рендеринг gridview.
<tr title="Click to select this row." class="GridRowStyle" onclick="javascript:__doPostBack('GridView1','Select$0')">
<td class="hiddencol">23644</td>
<td class="hiddencol">10102</td>
<td class="hiddencol">Y</td>
<td class="hiddencol">21 Jump Street</td>
<td class="hiddencol">Sydney, Australia</td>
<td class="hiddencol"> </td>
<td>
<table>
<tr>
<td class="STD_normal" style="width:150px; font-weight:bold">Apple Inc.</td>
</tr>
<tr>
<td class="STD_Normal_Grey" style="width:150px">Entered: 31-Jan-2015 </td>
</tr>
</table>
</td><td>
<tr title="Click to select this row." class="GridRowStyle" onclick="javascript:__doPostBack('GridView1','Select$0')">
<td class="hiddencol">23644</td>
<td class="hiddencol">10102</td>
<td class="hiddencol">Y</td>
<td class="hiddencol">21 Jump Street</td>
<td class="hiddencol">Sydney, Australia</td>
<td class="hiddencol"> </td>
<td>
<table>
<tr>
<td class="STD_normal" style="width:150px; font-weight:bold">Apple Inc.</td>
</tr>
<tr>
<td class="STD_Normal_Grey" style="width:150px">Entered: 31-Jan-2015 </td>
</tr>
</table>
</td><td>
, если вы разместите обработанную HTML это будет очень легко решить эту проблему. –
Привет, я разместил некоторый визуализированный HTML-код области gridview ... Надеюсь, этого достаточно ... спасибо. – user1135218
Я отправлю ответ ниже с помощью html и jquery. –