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クリックイベントを使用する必要はありません。そのときに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 に答える