ExtJS List Data View

Question

Слева у меня есть список со всеми именами. Я выбираю одно имя и нажимаю кнопку «добавить» (в правый список). Также я хочу «удалить» элементы из списка справа, влево.

Кто-нибудь пример?

Answer 1

http://dev.sencha.com/deploy/dev/examples/dd/dnd_grid_to_grid.html

является примером для изучения

Answer 2

$('#buttonid').click(function(){ 
var selecteditem = $('#listID option:selected').html(); 
$('#targetListId').append(selecteditem); 
} 

заместитель для второго вопроса.

Answer 3

this что вы после?

Answer 4

У меня нет примера с удобством, однако, если вы посмотрите на http://dev.sencha.com/deploy/dev/examples/grid/array-grid.html, вы можете увидеть пример сетки, сосредоточиться на tpl для создания действий (продавать, покупать) изображения/кнопки, в listView вы также можете использовать tpl, изменить действия для удаления (возможно, только серый, если хотите восстановить) ...

Но добавьте в EditGridPanel действие должно быть проще. Если вы хотите использовать listView, я предлагаю создать кнопку объявления на верхней или нижней панели инструментов, выполнить formPanel для ввода данных , когда отправить только добавить в listView.store

Не забудьте построить связь с БД, если необходимо, для добавления и удаления действий

Answer 5

Это действительно очень просто.

Просто возьмите выбранную запись (ы), удалить из магазина левого списка и добавить в хранилище правого списка:

var left = // define your GridPanel or ListView 
var right = // define your GridPanel or ListView 

new Ext.Button({ 
    text: "Move right ->", 
    handler: function() { 
    // when using GridPanel 
    var records = left.getSelectionModel().getSelections(); 
    // when using ListView 
    var records = left.getSelectedRecords(); 

    left.getStore().remove(records); 
    right.getStore().add(records); 
    } 
}); 

Я уверен, что вы можете понять, как реализовать Кнопка «Переместить влево».

Примечание: Всегда сначала удаляйте запись из одного магазина перед добавлением в другой, поскольку в настоящее время ExtJS не поддерживает запись одной записи в нескольких магазинах. Если вы сделаете это наоборот, странные вещи произойдут.