ExtJS List Data View

Question

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

Кто-то пример?

Answer 1

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

наоборот для второго вопроса.

Answer 2

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

пример для изучения

Answer 3

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

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

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 в настоящее время не поддерживает наличие одной записи в нескольких хранилищах. Если вы сделаете это наоборот, произойдут странные вещи.

Answer 4

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

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

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

Answer 5

Это это , что вы ищете?