0

我是 jquery 新手，需要一些帮助。

在 jquery 的帮助下，我编写了一个类似于网格的表格。

当用户单击名称列时，用户将被重定向到详细信息页面。

现在我想知道我是否可以以更好的方式做到这一点？

JS 代码应该在页面中还是在单独的 JS 文件中？

这是代码。

    <table id="grid">
    <thead>
        <tr>
            <th data-field="name">Namn</th>
            <th data-field="location">Ort</th>
            <th data-field="phone">Telefon</th>
            <th data-field="buildinmonth">Bygga inom</th>
            <th data-field="houselot">Har tomt</th>
            <th data-field="created">Skapad</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr>
                <td><span id="open" data-id="@item.Id">@item.Name</span></td>
                <td>@item.Location</td>
                <td>@item.Phone</td>
                <td>@item.BuildInMonth</td>
                <td>@item.HouseLot</td>
                <td>@String.Format("{0:d}", item.CreatedDate)</td>
            </tr>
        }
    </tbody>
</table>

<script>
        $("#grid").kendoGrid({
            scrollable: false,
            sortable: true
        });

    $("#grid #open").click(function () {
        window.location.replace("/lead/details/" + $(this).data("id"));
    });
</script>
4

2 回答 2

2

在这种情况下，不需要使用任何 jquery click 事件，当 html 表正在加载时，我们可以给一个<a>标签，如，

<td><a href="../lead/details/"+"@item.Id" ><span id="open" data-id="@item.Id">@item.Name</span></a></td>
于 2012-11-07T06:00:52.943 回答
1

当用户单击名称列时，用户将被重定向到详细信息页面。现在我想知道我是否可以以更好的方式做到这一点？

这似乎没问题。我觉得唯一可以添加的是在名称列的悬停上，您可以显示“显示更多详细信息”的工具提示或更直观的东西。

JS 代码应该在页面中还是在单独的 JS 文件中？

是的，我总是喜欢将我所有的 JS 代码放在一个单独的文件中。这样做的好处是您可以在以后缩小 JS 代码。

于 2012-11-07T05:34:58.580 回答