1

我已将我的解决方案升级到最新版本的 ASPNETZERO V4.x。我有两个模板 MVC5 和 .NET Core 版本。我进行了升级,因为我非常喜欢使用 DataTables 插件,并且已经在我的 ASPNETZERO 解决方案的现有版本中实现了我的所有代码。看来 ASPNETZERO 已经实现了 DataTables 的“自定义”版本。现在我升级之前的工作数据表正在中断。我已将 Metronic 源代码中作为示例提供的可编辑数据表代码复制到我的 ASPNETZERO 解决方案中,它运行良好。现在在 V4.X 升级之后,它已经破坏了这个代码。当我在下载的租户、角色和用户等页面的解决方案中查看 DataTables 使用的脚本时,我看到应用于 Datatables 初始化的选项在 Datatables 文档中不存在。例如,在 Datatables.net 文档中找不到初始化属性“listAction”。

        var dataTable = _$usersTable.DataTable({
        listAction: {
            ajaxFunction: _userService.getUsers,
            inputFilter: function () {
                return {
                    filter: $('#UsersTableFilter').val(),
                    permission: $("#PermissionSelectionCombo").val(),
                    role: $("#RoleSelectionCombo").val()
                };
            }
        },

以上使我相信这是 ASPNETZERO 团队的“自定义”版本的数据表。我没有看到任何有关如何使用此“自定义”版本的文档,并且 DataTables.net 站点中的文档与我在提供的解决方案中看到的代码不匹配。有没有其他人遇到过这样的问题?是否有关于此“自定义”数据表实现的文档?

@Alper当我说硬编码时,我的意思是这样的:

        <table class="table table-bordered table-striped table-hover" id="tblRel">
        <thead>
            <tr>
                <td>Version</td>
                <td>Publish Date MST</td>
                <td>Publish Date <b>GMT</b></td>
                <td>Release notes</td>
            </tr>
        </thead>
        <tbody>
            <tr class="danger">
                <td>1.0.0.5</td>
                <td></td>
                <td></td>
                <td>
                    <ul>
                        <li>Updated tooltip for resident funding icon on resident index page.</li>
                        <li>Contacts - Added additional column for contact name and emergency contact flag</li>
                        <li>HR - Jobcode - Band level is no longer a required field</li>
                    </ul>
                </td>
            </tr>
            <tr>
        </tbody>
    </table>

像这样的东西:

<table class="table table-striped table-hover table-bordered" id="Contacts">
                        <thead>
                            <tr>
                                <th>@L("ContactName")</th>
                                <th>@L("ContactType")</th>
                                <th>@L("ContactCategory")</th>
                                <th>@L("Email")</th>
                                <th>@L("Phone")</th>
                                <th>@L("DefaultYN")</th>
                                <th>@L("EmergencyYN")</th>
                                <th>@L("Edit")</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if (Model.Company.Contacts.Count != 0)
                            {
                                foreach (var ctc in Model.Company.Contacts)
                                {
                                    <tr>
                                        <td>@(ctc.Contact.ContactName)</td>
                                        <td>@(ctc.Contact.TypeName)</td>
                                        <td>@(ctc.Contact.CategoryName)</td>
                                        <td>@(ctc.Contact.Email)</td>
                                        <td>@(ctc.Contact.Phone)</td>
                                        @if (ctc.Contact.DefaultYN)
                                        {
                                            <td>@L("Yes")</td>
                                        }
                                        else
                                        {
                                            <td>@L("No")</td>
                                        }
                                        @if (ctc.Contact.EmergencyContactYN)
                                        {
                                            <td>@L("Yes")</td>
                                        }
                                        else
                                        {
                                            <td>@L("No")</td>
                                        }
                                        <td>
                                            <a class="edit btn btn-xs btn-primary" href="javascript:;">@L("Edit") </a>
                                        </td>
                                    </tr>
                                }
                            }
                        </tbody>
                    </table>

在上述两个示例中,Datatables 代码未获取表数据。我在这些表上使用的简单初始化在 V4.X 中不再有效。

4

3 回答 3

6

我可以确认,注释掉所有 AspNetZero 对 DataTables 的自定义更改将允许静态 HTML 表正确呈现。随着位置的变化,Loading...屏幕卡住了。

虽然我非常喜欢 AspNetZero,但这是我第二次发现对库的自定义更改破坏了它的默认行为,这导致了数小时的故障排除(另一个更改是覆盖jquery.validation默认值.Validate()以使其不再验证表格提交)。

我不介意这些变化——如果它们被记录在案的话。

具体来说:datatable.ajax.js 打破了数据表的默认行为。 它分配一个 ajax 函数,然后阻止默认的静态 HTML 行为工作。要在您的代码中修复而不必删除 AspNetZero 默认文件...请执行以下操作:

$('#example').dataTable( {
  ajax: null
});
于 2017-10-06T23:16:43.610 回答
4

项目中使用的 Datatables 版本为1.10.12。它不是完全定制的版本,但在不破坏现有功能的情况下添加了新功能。您可以忽略自定义函数并使用基于 1.10.12 版本的所有内容。

它是文件名 datatables.all.min.js 中包含的所有插件的组合版本。该文件由 Metronic Team 创建。Aspnet Zero Team 使用该文件与Metronic Theme 进行完全兼容的集成

您可以在 datatables.all.min.js 中看到包含的库;

  • JSZip 2.5.0
  • pdfmake 0.1.18
  • 数据表 1.10.12
  • 按钮 1.2.1
  • 列可见性 1.2.1
  • Flash 导出 1.2.1
  • HTML5 导出 1.2.1
  • 打印视图 1.2.1
  • ColReorder 1.3.2
  • 固定列 3.2.2
  • 固定头 3.1.2
  • 响应式 2.1.0
  • 行重新排序 1.1.2
  • 滚动条 1.4.2
  • 选择 1.2.0

Aspnet Zero Team 自定义是;

覆盖以下文件中的默认值:

\wwwroot\Common\Scripts\Datatables\datatables.defaults.js

添加了“listAction”功能,以制作从 ABP WebApi 服务获取数据的适配器。您可以检查 datatables.ajax.js 文件以了解事情是如何完成的。

\wwwroot\Common\Scripts\Datatables\datatables.ajax.js

添加了“rowAction”来创建操作按钮。您可以检查 datatables.record-actions.js 文件以了解事情是如何完成的。

\wwwroot\Common\Scripts\Datatables\datatables.record-actions.js

该插件位于此处:

wwwroot/metronic/assets/global/plugins/datatables/datatables.all.min.js

所有翻译文件都在这里:

wwwroot\Common\Scripts\Datatables\Translations\

本地化(基于用户文化)在这里完成:

\wwwroot\Common\Scripts\Datatables\datatables.defaults.js
于 2017-08-10T06:04:12.597 回答
1

在您的 Datatable 脚本上使 ajax 请求为空。

 $('#LeaveTable').dataTable( {
  ajax: null
});
于 2017-10-09T08:21:33.890 回答