Question

我正在尝试使用http://lomalogue.com/jquery/quicksearch/网站上的quickSearch。我不知道怎么挂桌子所以我希望有人能够帮助我。我在C＃，ADO.NET中使用VS 2010 MVC 3。提前致谢。如果有技术故事，我在网站上查看了相关问题？有替代解决方案吗？提前致谢。

查看文件Index.cshtml看起来像这样......

被修改

<script type="text/javascript">
 $(function () {
 $("table.tablesorter").tablesorter({ widthFixed: true, widgets: ['zebra'], 
   sortList: [[0, 0]] })
   .tablesorterPager({ container: $("#pager"), size: $(".pagesize 
   option:selected").val() });
   });  
</script>

 <script type="text/javascript">
       $(function () 
        {
          $('input#search').quicksearch('table tbody tr', {selector:'th'});
        }
       );
   </script>
   </p>
   <table  class="tablesorter">

Answer 1

虽然之前我还没有使用过QuickSearch，但我不确定它是否能解决你所有的问题，但作为一个开始，你似乎已经在文档中过早地放置了第一个脚本元素。 / p>

您需要将其放在其他脚本元素之后。

这样：

<script type="text/javascript">     
$('input#search').quicksearch('table tbody tr', {         selector: 'th'     }); 
</script>

应出现在jquery脚本和quicksearch脚本元素之后。如果您之前包含它，浏览器不知道$和$（选择器）.quicksearch是什么。

btw：这个：'input #search'选择器不需要。您可以使用#search选择器来实现相同的效果，因为通过id搜索是JS中的一个命令。

Answer 2

如果要在此

中包装JQuery语句，它还可以解决任何代码组织问题

$(document).ready(function() {
  $('input#search').quicksearch('table tbody tr', {         selector: 'th'     });
});

我使用的表格快速搜索插件也是JQuery table search plugin，它运行良好，如果您只是快速浏览一下它，它很容易实现，并且不会与大多数其他JQuery表插件冲突。< / p>

无法将JQuery quickSearch挂钩到表 - MVC

2 个答案: