Question

我正在尝试使用jQuery tablesorter来排序我的网格视图。 gridview中列的大多数包含文本框，一些复选框和一些常规文本。tablesorter似乎只是默认情况下对常规文本进行排序。由于我的jQuery经验非常少，熟悉tablesorter的人可以帮助我了解我需要做些什么才能让tablesorter对带有文本框数据的列以及纯文本数据进行排序？

使用代码编辑

<script src="../scripts/jquery-1.7.min.js" type="text/javascript"></script>
<script src="../scripts/jquery.tablesorter.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("parts_gv").tablesorter({
            textExtraction: function (elem) {
                var $input = $(elem).find("input[type=text]");
                if ($input.length > 0) {
                    return $input.val();
                }
                else {
                    return $(elem).text();
                }
            }
        });
    });
</script>

Answer 1

您需要定义custom text extraction function。这并不难：

$("table.sortable").tablesorter({ 
  textExtraction: function(elem) {
    var $input = $("input[type=text]", elem);

    return $input.val() || $(elem).text();
  }
});

使用JQuery Tablesorter使用Textbox元素对Gridview进行排序

1 个答案: