C# jQuery表排序器和动态表_C#_Jquery_Asp.net Mvc 4_Tablesorter_Jsrender

C# jQuery表排序器和动态表

c# jquery asp.net-mvc-4

C# jQuery表排序器和动态表,c#,jquery,asp.net-mvc-4,tablesorter,jsrender,C#,Jquery,Asp.net Mvc 4,Tablesorter,Jsrender,我在谷歌上搜索过，在代码中更改了不同的内容，下载了不同版本的tablesorter和jQuery，但仍然无法让jQuery tablesorter处理jsRender生成的表。有人见过这个吗？我在某个论坛上发现一个人有问题，他说他通过在模板中插入脚本标签来解决这个问题。。。我不能让它工作。有人能帮我吗？我喜欢用MVC轻松实现jsRender，我不想走另一条路。有什么想法、想法和解决办法吗最糟糕的是，我在里面放了一个静态表，它工作得很好我试过喝啤酒，这似乎确实管用，但对我的申请没有帮助 _La

我在谷歌上搜索过，在代码中更改了不同的内容，下载了不同版本的tablesorter和jQuery，但仍然无法让jQuery tablesorter处理jsRender生成的表。有人见过这个吗？我在某个论坛上发现一个人有问题，他说他通过在模板中插入脚本标签来解决这个问题。。。我不能让它工作。有人能帮我吗？我喜欢用MVC轻松实现jsRender，我不想走另一条路。有什么想法、想法和解决办法吗

最糟糕的是，我在里面放了一个静态表，它工作得很好

我试过喝啤酒，这似乎确实管用，但对我的申请没有帮助

_Layout.cshtml：

<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - Test Manager</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @Scripts.Render("~/bundles/common")
    @RenderSection("scripts", required: false)
    <link href="~/css/theme.default.css" rel="stylesheet">
    <script src="~/js/jquery.tablesorter.min.js" type="text/javascript"></script>
    <script src="~/js/jquery.tablesorter.widgets.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#ItemsGrid').tablesorter({
                widgets: ['zebra', 'columns'],
                usNumberFormat: false,
                sortReset: true,
                sortRestart: true
            });
        });
    </script>
</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">...


@标题-测试管理器
@style.Render（“~/Content/css”）
@Scripts.Render（“~/bundles/modernizer”）
@Scripts.Render（“~/bundles/jquery”）
@Scripts.Render（“~/bundles/bootstrap”）
@Scripts.Render（“~/bundles/common”）
@RenderSection（“脚本”，必需：false）
$（函数（）{
$（'#ItemsGrid'）.tablesorter({
小部件：['zebra'，'columns']，
usNumberFormat:false，
真的，
sortRestart:对
});
});
...

Index.cshtml（重要部分）：

@model FriendsList.Models.ItemsViewModel
@{
ViewBag.Title=“朋友的物品”；
}
朋友的物品



购买
朋友
项目名称
项目链接
买方
{{如果已购买}
{{else}
{{/if}
{{>UserEmail}
{{>ItemName}
{{>ItemLink}
{{>PurchaserEmail}
var isEditMode=false；
var-currentItemEdit；
风险值项目；
$（函数（）{
displayItemsGrid（）；
});
函数displayItemsGrid（）{/*新函数*/
$.ajax({
url:“/FriendsItems/GetItems/”，
键入：“GET”，
cache:false，
contentType:'application/json；charset=UTF-8'
}).完成（功能（结果）{
项目=结果；
$（'#ItemsGrid'）.find（“tr:gt（0）”）.remove（）；
var htmlGridRows=$（“#ItemsGridRowTemplate”）.render（Items）；
var newHtml=“”+htmlGridRows+”；
$（'#ItemsGrid'）.append（newHtml）；
});
}

添加

    $(function () {
        $('#ItemsGrid').tablesorter({
            widgets: ['zebra', 'columns'],
            usNumberFormat: false,
            sortReset: true,
            sortRestart: true
        });
    });

在

displayItemsGrid（）

的末尾，你试过添加更多啤酒吗@techvice通常会让我做得更好！拉入时，我看不到

jsrender

库resources@beautifulcoder它包含在AppStart\BundleConfig.cs（Scripts.Render（“~/bundles/jQuery”））中的jQuery包中——请记住，jsRender工作正常，而不是问题所在。表格已填充等，只是无法让分拣机与表格一起工作。

    $(function () {
        $('#ItemsGrid').tablesorter({
            widgets: ['zebra', 'columns'],
            usNumberFormat: false,
            sortReset: true,
            sortRestart: true
        });
    });