2015-04-12 3 views
0

Я новичок в Meteor и Javascript.Сортировка и перетаскивание списка метеоров с использованием скрипта сортировки Rubaxa

Я пытаюсь реализовать библиотеку сортировки здесь:

https://github.com/RubaXa/Sortable/tree/master/meteor

Я знаю, что это, вероятно, просто, но самый простой вызов кода здесь: {{}} сортировки

все еще оставляет меня немного озадаченным. Я пробовал передавать коллекции, например:

{{sortable PlayersList}} но, не знаю, какой должен быть выход. Я узнаю, например, может ли кто-нибудь помочь мне, дав мне самую быструю реализацию библиотеки?

Это моя первая публикация на форуме в течение длительного времени. Обычно я могу использовать Google-Фу.

Вот мой HTML-файл:

` sortof

Добро пожаловать Метеор!

{{> привет}}

Несортиров: {{#each showplayers}}

<li>{{name}}: {{score}}</li> 

{{/}} каждый

Сорт:

{{#sortable items = Players Список}}

{{#each name}} 

hi 
<li>{{name}}: {{score}}</li> 

{{/each}} 

{{/ сортировкой}}

`

и вот мой веб-выход:

` Добро пожаловать на Метеор!

Unsorted: Боб: 0 Ларри: 0 Генри: 0 Сортировка:

`

Спасибо!

+0

Выход должен быть список игроков, сортируемых при перетаскивании их , Не уверен, что это действительно помогает. Можно распечатать список игроков без сортировки? –

+0

Я думаю, это мой вопрос. Если список выводится автоматически или я должен добавить что-то, чтобы получить данные из списка. Вот пример моих данных: 'PlayersList.insert ({ имя:" Bob ", оценка: 0 });' – Xamster

+0

Вам нужно несколько предметов, чтобы иметь возможность сортировать –

ответ

0

должно работать:

<template name="myTemplate"> 
    {{#sortable items=players}} 
</template> 

Template.myTemplate.helpers({ 
    players: function() { 
     return Players.find(); 
    } 
}); 

А для более сложных примеров, см:

HTML:https://github.com/RubaXa/Sortable/blob/master/meteor/example/client/define-object-type.html

JS:https://github.com/RubaXa/Sortable/blob/master/meteor/example/client/define-object-type.js

+0

Я уверен, что делаю что-то совершенно смехотворное. Здесь я создал метеорад, чтобы вы могли видеть, что я делаю. Спасибо вам большое за ваше время. http://meteorpad.com/pad/bTef4LYPLLNFS7Jdd/Xamtest – Xamster

+0

Ваш пример работает. Перетащите элементы в таблице, и они будут переупорядочены. –

+0

На самом деле, перетаскивание работает, но не так, как ожидалось. По какой-то причине вы даже можете перетаскивать элементы, которые не должны перетаскиваться. –

Смежные вопросы