Добавляйте div на лету с помощью jQuery и отправляйте их через AJAX - PullRequest
0 голосов
/ 26 августа 2011

У меня возникли проблемы с тем, что я разрабатываю.

Идея состоит в том, чтобы иметь клиентов, которые могут иметь более одного адреса.Итак, когда вы видите «профиль» клиента, у вас есть поле «Выбрать», в котором отмечены все его / ее адреса, поэтому вы видите только тот, который выбран.

Они действительно есть, но скрыты с помощью некоторого javascript / jquery..

Итак, проблема возникает при добавлении нового адреса.Я не знаю, как я могу добавить больше динамически.Что я делаю, так это чтобы у меня был скрытый div, который пуст, поэтому, когда вы нажимаете кнопку Add address, он показывает div и позволяет вам заполнить форму, однако я не знаю, как добавить более одного, а затем сохранить их.

Проблема в удобстве использования и в программировании.С точки зрения удобства использования вы можете увидеть div с адресом, который собираетесь добавить, но что произойдет с этим div, если вы попытаетесь добавить новый?Должен быть скрыт?Если так, то должен быть способ вернуть их на всякий случай, если вам нужно изменить некоторые данные или если вы не скрываете их, вы можете закончить с действительно большой полосой прокрутки.

И затем, тамя сохраняю информацию для каждого адреса div, я вставлю здесь свой код:

$('.form-direcciones').each(function(){
    var ajData = $(this).serialize();
    var idDireccion = $(this).attr('id');
    if (idDireccion === 'form-nueva-direccion'){
        ajData = ajData + '&action=insertar'+
                '&cod_cliente='+cod_cliente;
    }
    else{
        idDireccion = idDireccion.split('-');
        ajData = ajData + '&cod_dir='+idDireccion[2] +
            '&action=' + action +
            '&cod_cliente=' + cod_cliente;
    }

    $.ajax({
        type: "POST",
        url: "controllers/direccion.php",
        async: false,
        data: ajData,
        dataType: "html",
        cache: false
    });
});

Как вы можете видеть, он проверяет, является ли идентификатор div тем, который я использую для этого, нодаже с такими решениями мне это кажется немного грязным.

Кроме того, возникает проблема, когда у меня повторяющиеся идентификаторы ...

1 Ответ

0 голосов
/ 26 августа 2011

Просто взгляните на этот jsfiddle

http://jsfiddle.net/Z3JPW/12/

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...