Использование JQuery Tablesorter для сортировки Gridview с элементами Textbox - PullRequest
Новая
       35

Использование JQuery Tablesorter для сортировки Gridview с элементами Textbox

1 голос
/ 18 ноября 2011

Я пытаюсь использовать jQuery tableorter для сортировки моего вида сетки. Большинство столбцов в виде сетки содержат текстовые поля, некоторые флажки и некоторый обычный текст. По умолчанию сортировщик таблиц просто сортирует обычный текст. Поскольку у меня очень мало опыта работы с jQuery, может ли кто-нибудь, знакомый с сортировщиком таблиц, помочь мне понять, что мне нужно сделать, чтобы сортировщик таблиц сортировал столбцы с данными текстового поля, а также столбцы с простым текстом?

РЕДАКТИРОВАТЬ с кодом 

<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>

1 Ответ

2 голосов
/ 18 ноября 2011

Вам необходимо определить пользовательскую функцию извлечения текста . Это не сложно: 

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

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