Добрый день.
Как сделать что бы при нажатии на стоку в таблице (в любом месте строки), она опускалась и под ней появлялись детали? (либо просто открывалась страница редактирования).
Имеется такая страница ASP, с генерацией таблицы в цикле foreach:
| Код |
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<%@ Import Namespace="Tracker.Models" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
<%=ViewData["Title"]%>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<script src="/Scripts/MicrosoftAjax.js" type="text/javascript"></script>
<script src="/Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
<script src="/Scripts/jquery-1.5.1.js" type="text/javascript"></script>
<script src="/Scripts/listing.js" type="text/javascript"></script>
<h2><%=ViewData["Title"]%></h2>
<%=Html.ActionLink("Add New", "Add")%>
<table>
<tr>
<td>Title</td>
<td>Created Date</td>
<td>Desciption</td>
<td>ID</td>
</tr>
<%
foreach (Task t in (IEnumerable<Task>) ViewData["Tasks"])
{%>
<tr>
<input type="hidden" class="rowID" value="<%=t.TaskId%>"/>
<td><%=t.Title%></td>
<td><%=t.CreatedOn.ToShortDateString()%></td>
<td><%=t.Text%></td>
<td><%=t.TaskId%></td>
</tr>
<%
}%>
</table>
</asp:Content>
|
И такая JS:
| Код |
<script>
$(document).ready(function() {
$('table.values tr').click(function() {
$.post("/Task/Edit/", { taskID: $(this).find('input.rowID').val() });
});
</script>
|
В строке:
| Код |
<input type="hidden" class="rowID" value="<%=t.TaskId%>"/>
|
файла ASP должен передаваться параметр t.TaskId в скрипт.
Скрипт в свою очередь должен принимать значение, и открывать страницу редактирования передавая в нее Id выбранной строки.
Но этот код не работает. Помогите разобраться, что именно не правильно написано?
При запуске приложения, нет никакой реакции на событие .click по строчкам таблицы. |