Блог

Главная - Вопросы по программированию - Как добавить плагин для сортировки таблиц в BackboneJS

Как добавить плагин для сортировки таблиц в BackboneJS

#backbone.js #tablesorter

#backbone.js #сортировщик таблиц

Вопрос:

У меня есть плагин сортировки таблиц, который я хочу реализовать в backbonejs. я использую это в view.js

РЕДАКТИРОВАТЬ в представлении списка :

    var AccountList = Backbone.View.extend({

        initialize: function(){

},

        el:"#sub-account-list", 

        render: function(id){

            var self = this;
            var accountList = new SubAccountCollection([],{ id: id });

            accountList.fetch({

                success: function(accountLists){

                    var data = accountLists.toJSON();
                    var accounts = data[0].data.items;

                    var template = _.template(tmpl, {accounts:accounts});
                    self.$el.html(template)
                                          $(function(){
                        $('.tablesorter').tablesorter();

                    });

                },

            });

        }

    });

       }

Мой шаблон подчеркивания:
РЕДАКТИРОВАТЬ шаблон подчеркивания:

 <table class="tablesorter">
     <thead>
    <tr>
    <th>Status</th>
    <th>Name</th>
 </tr>
</thead>
        <tbody>

    <% _.each(accounts, function(account) { %>
            <tr>
                <td><%= (account.active == 'true') ? 'Inactive': 'Active' %></td>
                <td><%= account.name%></td>

            </tr>
        <% }) %>
    </tbody>
</table>

Но мне не повезло с сортировкой моего списка таблиц. Что я здесь делаю не так?
Пожалуйста, есть идеи??
Спасибо

Комментарии:

1. выше приведен добавленный html. Спасибо

2. почему вы не используете this.$el ?

3. я знаю, что я должен быть идеальным, но я получил «null» при запуске self.$ el вместо этого показывает div «список субсчетов». Выше я попытался использовать список просмотра.

4. используйте el:$("#sub-account-list"), , тогда this.$el будет доступно

5. @Nicolai: это сработало!!! после добавления <thead> и <tr> все работало нормально!. Это было то, чего мне не хватало .. 🙂 Спасибо за совет..