我无法让ddft.js像示例一样工作

问题描述 投票:0回答:1

我需要在网页表的列顶部添加下拉过滤器,找到ddtf.js,这似乎是完美的。

我将文件添加到我的环境和项目中,并根据示例网页对我的代码进行了更改......但没有。我不知道我是否遗漏了某些东西,或者是否有一些奇怪的原因,但它似乎并没有起作用。

这是我正在努力工作的代码。

@model db.Models.ViewTestModel
@{
    ViewBag.Title = "SelectTest";
}
<div>
    <h2>Drop Down Test</h2>
    <div class="table-responsive">
        <table class="table table-striped" id="testTable">
            <tbody>
                <tr>
                    <th>Order Number</th>
                    <th>Output ID</th>
                    <th>Input ID</th>
                    <th>Date</th>
                    <th>Item ID</th>
                    <th>Note</th>
                </tr>
                @foreach (var rec in Model.TestList)
                {
                    <tr>
                        <td>@Html.ActionLink(@rec.OrderNumber, 
                                             "Index", 
                                             "DetailReport",
                                             new { ordernumber = @rec.OrderNumber },
                                             null)</td>
                        <td>@rec.OutputID</td>
                        <td>@rec.InputID</td>
                        <td>@rec.DocDate.ToShortDateString()</td>
                        <td>@rec.ItemID</td>
                        <td>@rec.Note</td>
                    </tr>
                }
            </tbody>
        </table>
    </div>
    <script src="~/jquery-3.1.1.min.js"></script>
    <script src="~/ddtf.js"></script>
    <script>
        jQuery('testTable').ddTableFilter();
    </script>
</div>
jquery
1个回答
0
投票

好吧,我弄明白了我的问题。我的问题来自以下几行代码:

<script src="~/jquery-3.1.1.min.js"></script>
<script src="~/ddtf.js"></script>

我需要有一个更完全限定的路径,以便这些.js文件驻留在项目中...

<script src="~/Scripts/jquery-3.1.1.min.js"></script>
<script src="~/Scripts/ddtf.js"></script>

一旦我改变了它,它工作得很好。

© www.soinside.com 2019 - 2024. All rights reserved.