Хобрук: Ваш путь к мастерству в программировании

extjs отправка данных в сетку

я пытаюсь опубликовать данные Ext JS Grid в базу данных... Есть ли какой-либо учебник, который поможет мне опубликовать всю сетку на сервере?? плиз помогите..

08.04.2011

  • Это редактируемая сетка? иначе зачем вы хотите публиковать сетку в базе данных? 08.04.2011
  • что я хочу сделать, так это то, что у меня есть форма, в которой я вставляю детали, которые, в свою очередь, добавляются в сетку. Когда все записи были вставлены в сетку, я хочу опубликовать все записи одновременно в базу данных... 08.04.2011

Ответы:


1

Я бы предложил просмотреть хранилище для вашей сетки и добавить данные в массив или объект, а затем опубликовать их с помощью ajax.

Вы можете получить данные следующим образом:

var resultArray = [];

for (var i=0; i < yourGridObject.store.data.items.length; i++)
{
     resultArray.push(this.store.data.items[i].data.columnName1);
}

Затем отправьте сообщение с помощью ajax

var conn = new Ext.data.Connection();
conn.request({
    url: 'foo.php',    
    method: 'POST',
    success: successCallBack,   
    failure: failureCallback,
    params: { gridData: resultArray.join(',') }  
});
08.04.2011
  • Спасибо, даша.. я не хочу использовать массив.. есть ли другой способ?? 11.04.2011
  • Эй, может кто-нибудь, пожалуйста, скажите мне, как отправить форму ExtJS ?? Я хочу отправить данные формы в магазин JSON... 12.04.2011

  • 2

    На самом деле решение не такое сложное (то, что я сделал).

    Предположим, у вас есть модель и вы хотите, чтобы элементы сетки были частью этой модели.

    1 Убедитесь, что модель имеет прокси типа "ajax" (не остальное)

    2 Используйте следующий писатель в этом прокси

       writer: new Ext.data.JsonWriter({
            encode: false,
            writeAllFields: true,
            listful: true,
            root: 'data' //optional
    })
    

    3 Переберите сетку, чтобы создать массив

    var itemsArr = [];
    myGrid.each(function( record ){
        itemsArr.push( record.data );
    });
    

    4 Создайте экземпляр модели и свяжите элементы сетки

    var model = Ext.ModelManager.create({
        Name        : 'Deckard Cain',
        Address     : 'Tristram',
        myItems     : itemsArr //The model contains this item (since hasMany don't work for nested store writer submit)
    }, 'MyModel');
    

    5 Сохраните его (используя экземпляр модели)

    model.save(); 
    // This will send to the server an ajax request {"data":{"Name":"Deckard Cain","Address":"Tristram","myItems":[{"gridId":1,"gridItemName":"name2"},{"gridId":2,"gridItemName":"name2"}]}}
    

    Я разместил это решение также по адресу:

    http://www.sencha.com/forum/showthread.php?124362-Nested-loading-nested-saving-in-new-data-package

    14.06.2011
    Новые материалы

    Управление DOM для чайников вроде меня
    Одной из первых вещей, которую мы рассмотрели, когда начали изучать Javascript во Flatiron, была модель DOM. Кто он? Чем он занимается? Он больше машина, чем человек? Ну да довольно много. ДОМ..

    Что такое структура данных?
    Структура данных хранит и извлекает данные. Все, что обеспечивает эти две функции, является структурой данных . Период. Вы можете пропустить оставшуюся часть статьи, если ответ..

    мои январские чтения по программированию
    Эрик Эллиот Программирование приложения JavaScript Эл Свейгарт «Автоматизируйте скучные вещи с помощью Python» Прогрессивное веб-приложение Google..

    Создание ассоциаций секвелизации с помощью инструмента командной строки Sequelize
    Sequelize - популярный, простой в использовании инструмент объектно-реляционного сопоставления (ORM) JavaScript, который работает с базами данных SQL. Довольно просто начать новый проект с..

    Искусственный интеллект в юридической отрасли - пример прогнозирования судебных решений с помощью глубокого обучения
    На протяжении всей истории люди полагались на суды, присяжных, королей и королев в отправлении правосудия. Сегодня способность судов обеспечивать справедливое и быстрое правосудие для своих..

    Введение в машинное обучение для обнаружения аномалий (часть 1)
    Тщательно созданный, тщательно спроектированный ресурс для специалистов по данным. Часть 1 Главы 03 из Руководства по машинному обучению для обнаружения аномалий Внимание! Прежде чем вы..

    Начало работы с Pulumi в Digital Ocean
    Цифровой океан (ДО) — отличная альтернатива многим другим поставщикам облачных услуг. DO предоставляет простой и понятный пользовательский интерфейс, упрощающий управление инфраструктурой и..