0

これは私のビューコードです:

    <script type="text/javascript">
    $(document).ready(function () {
        $("#myTable").tablesorter();
    });

</script>
    <table id="myTable" class="tablesorter">
    <thead>
    <tr>
        <th>
            Date Debut
        </th>
        <th>
            Date Fin
        </th>
        <th></th>
    </tr>
    </thead>
    <tbody>
<% foreach (var item in Model) { %>
    <tr>
        <td>
            <%: item.Dd.ToShortDateString() %>
        </td>
        <td>
            <%: item.Df.ToShortDateString() %>
        </td>
        <td>
            <%: Html.ActionLink("Supprime", "DeleteInd", new { id=item.idind }) %>
        </td>
    </tr>
<% } %>
</tbody>
</table>

また、マスターページにそれらをスクリプトに追加しました：

<script src="../../Scripts/jquery.tablesorter.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-latest.js" type="text/javascript"></script>

テーブルの並べ替えを許可しようとしているので、この Web サイトですぐに見つかる jquery スクリプトを使用しましたが、機能しませんか? 私は非常に単純なものを見逃したと思いますが、理解できません:(

生成されたコードは次のとおりです。

 <script src="../../Scripts/jquery.ui.core.js" type="text/javascript"></script>

    <script src="../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>

    <script src="../../Scripts/jquery.ui.datepicker.js" type="text/javascript"></script>

    <script src="../../Scripts/jquery.ui.core.min.js" type="text/javascript"></script>

    <script src="../../Scripts/jquery.ui.widget.js" type="text/javascript"></script>

 <script src="../../Scripts/jquery-latest.js" type="text/javascript"></script>

    <script src="../../Scripts/jquery.tablesorter.js" type="text/javascript"></script>

   <script type="text/javascript">
        $(function () {
            $("#dd").datepicker({ dateFormat: 'dd-mm-yy' });
            $("#df").datepicker({ dateFormat: 'dd-mm-yy' });
            $("#dd1").datepicker({ dateFormat: 'dd-mm-yy' });
            $("#df1").datepicker({ dateFormat: 'dd-mm-yy' });
        });
    </script> 
</head>
  <body>
// html code
<script type="text/javascript">
    $(document).ready(function () {
        $("#myTable").tablesorter();
    });
</script>
<div class="clear">&nbsp;</div>
        <div id="main">
        <h1> List des Vehicule</h1>    
<table id="myTable" class="tablesorter">
    <thead>
    <tr>
        <th>
            Date Debut
        </th>
        <th>
            Date Fin
        </th>
        <th></th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>
            01/04/2012
        </td>
        <td>
            26/04/2012
        </td>
        <td>
            <a href="/Agence/DeleteInd/2">Supprime</a>
        </td>
    </tr>
    <tr>
        <td>
            01/05/2012
        </td>
        <td>
            09/05/2012
        </td>
        <td>
            <a href="/Agence/DeleteInd/3">Supprime</a>
        </td>
    </tr>
</tbody>
</table>
 </div>

Jsリンクをクリックすると、ファイルコードが表示されるので、生成されます

4

1 に答える 1

0

が jQuery のバージョンであると仮定するjquery-latest.jsと、最初にそれをページに含める必要があります。また、Google の CDN を使用して jQuery を読み込むことをお勧めします。これを試して：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.tablesorter.js" type="text/javascript"></script>
于 2012-04-25T13:01:27.907 に答える