[AJAX]Okno dialog i problem z submitem, proszę spojrzeć w kod. Opcje

[casperii]

Witam, mam kod, po kliknięciu w przycisk, wyskakuje okienko dialog, potem mam ustawione 2 butony , po kliknięciu w "zapisz" pokazuje mi , że wartość nie istnieje, tak jakby nie przesyłało forma.

Kod:

Kod

$(document).ready(function(){
    $("#OpenWindowEducation").click(function(e){
        $("#EducationWindow").dialog({
            height: 550,
            width: 640,
            left: 610,
            top:50,
            hide: "explode",
            buttons:{
                        "Zapisz": function(submit){
                            var form = $('#UpdateEducation'),
                            formData = form.serialize(),
                            formUrl = form.attr('action'),
                            formMethod = form.attr('method'),
                            responseMsg = $('#education-response');
                            responseMsg.hide().addClass('response-waiting').text('czekaj...').fadeIn(300);
                            
                            $.ajax({
                                type: formMethod,
                                url: "update.php",
                                data: formData,
                                processData: false,
                                //contentType: false,
                                success: function(data){
                                    var dataObject = jQuery.parseJSON(data);
                                    var responseData = jQuery.parseJSON(data),
                                    klass = '';
                                    
                                    switch(responseData.status){
                                        case 'error':
                                        klass = 'response-error';
                                        break;

                                        case 'success':
                                        klass = 'response-success';

                                        setTimeout(function(){
                                            $('#sugesstionForm').dialog('close');                
                                        }, 1000);
                                        break;  
                                    }

                                    responseMsg.fadeOut(200,function(){
                                        $(this).removeClass('response-waiting').addClass(klass).text(responseData.message).fadeIn(200,function(){
                                            setTimeout(function(){
                                                responseMsg.fadeOut(200,function(){
                                                    $(this).removeClass(klass);
                                                });
                                            },3000);
                                        });
                                    });
                                    console.log(data)
                                }
                            });



                                        
                            e.preventDefault();
                            //$( this ).dialog( "close" );
                        },
                        
                        "Anuluj": function(){
                            $( this ).dialog( "close" );
                        }
            },    
            
            close: function(){}
        });
        return false;
    });
});

Ten post edytował casperii 26.05.2015, 14:55:35

[robertpiaty]

W tej linii na końcu zamiast średnika masz przecinek.

[HTML] pobierz, plaintext 
var responseData = jQuery.parseJSON(data), 
[HTML] pobierz, plaintext 

Przy okazji linię wcześniej tworzysz dataObject którego chyba nigdzie nie wykorzystujesz dalej w kodzie.

[Comandeer]

Ten przecinek tam ma być…
Rozumiem, że serwer nic nie zwraca? Coś konsola rzuca?

[casperii]

W tej linii na końcu zamiast średnika masz przecinek.

[HTML] pobierz, plaintext 
var responseData = jQuery.parseJSON(data), 
[HTML] pobierz, plaintext 

Przy okazji linię wcześniej tworzysz dataObject którego chyba nigdzie nie wykorzystujesz dalej w kodzie.

Poprawiłem, ale to nic nie dało.

[Comandeer]

Ej, ludzie - ale ram ten przecinek ma być! Inaczej bez niego deklaracj klass jest deklaracją zmiennej globalnej. Warto zauważyć, ze w linijce z deklaracją klass nie ma bowiem słowa kluczowego var

[casperii]

Ej, ludzie - ale ram ten przecinek ma być! Inaczej bez niego deklaracj klass jest deklaracją zmiennej globalnej. Warto zauważyć, ze w linijce z deklaracją klass nie ma bowiem słowa kluczowego var

@Comandeer Ok, wróciłem do czasu przecinka Ale to i tak nic nie daje. Otrzymuje po prostu wiadomość z zewnętrznego pliku, ale błędu konsola nie wywala.

Ten post edytował casperii 26.05.2015, 14:19:06

[robertpiaty]

No tak, ale to jest js i nowa linia.

[nospor]

No tak, ale to jest js i nowa linia.

No i co? To juz w js nie mozna po przecinku przeniesc do oddzielnej linii? Mozzna.
Ale to nie ma znaczenia czy jest , czy ; bo to nie w tym problem.

Casperi: odpal sobie konsole firebug i patrz co idzie ajaxem, co masz na zwrocie i wszystko bedzie jasne

[robertpiaty]

Mea culpa - racja - coś mnie przyćmiło, przecież tak się też obiekty tworzy.

[HTML] pobierz, plaintext 
var a = {
a:1,
b:5
}
[HTML] pobierz, plaintext 

[casperii]

Problem rozwiązany, okazało się , że miałem 2 x form o tym ID :-) Zapomniałem ten wcześniejszy po prostu usunąć.

Ten post edytował casperii 26.05.2015, 14:41:31

[Comandeer]

No to sprawdź co przychodzi do skryptu

[casperii]

No to sprawdź co przychodzi do skryptu

@Comandeer a jak zrobić żeby kasowało wartości w inputach po wysłaniu forma z okna dialog.
Bo teraz jest tak , wypełniam form, wysyłam, zamyka mi dialog , kliknę sobie ponownie i okazuje się , że w formie są te same wartości.

Ten post edytował casperii 26.05.2015, 14:58:42

[Comandeer]

Kasowanie to coś w deseń

Kod

$(elem).val('');

[casperii]

Kasowanie to coś w deseń

Kod

$(elem).val('');

A co jeśli mam 50 inputów to co mam wykonać 50 x element value ?

$('input[name="nazwa_szkoly"]').val('');

[Comandeer]

To można skorzystać np z fsktu, że mają wspólnego rodzics

Kod

$(' div input').val('');

[robertpiaty]

Lub nadać im wspólną klasę i wtedy tak

[HTML] pobierz, plaintext 
$('input.klasa').val('');
[HTML] pobierz, plaintext 

[casperii]

Jeszcze takie pytanie z innej beczki, ponieważ z okna dialog zapisuje dane do bazy. Wpadłem teraz na pomysł , by móc te dane updatować także za pomoc okienka dialog. Czyli wyświetlam pętlą while wszystkie wyniki, następnie klikam w edytuj i otwieram okienko dialog już z wypełnionymi inputami.

Jak teraz coś takiego zrobić?

Ten post edytował casperii 26.05.2015, 21:48:12

[robertpiaty]

Jest takie rozszerzenie jak jQgrid. Może Ci się przydać - zobacz przykład ten http://www.guriddo.net/demo/guriddojs/edit...rols/index.html (zaznacz wiersz w tabeli) lub ten http://www.guriddo.net/demo/guriddojs/edit...logs/index.html (zaznacz wiersz tabeli i kliknij na ikonę ołówka w lewym dolnym rogu tabeli)

[casperii]

Wolałbym unikać gotowców, poza tym ten musiałbym przerabiać i dopasowywać, a to więcej czasu by mi zajęło niż wymyślenie jak zrobić to na modal dialog.
Wydaje mi się, że każdemu elementowi wystarczy nadać ID z ID z bazy. Następnie może poprzez GET? wczytywać do otwartego okienka?
Jeżeli się mylę, to niech ktoś mnie wyprowadzi z błędu.

[Comandeer]

Łatwo wykryć co kliknąłeś, więc łatwo też dostać się do wartości z konkretnego wiersza wyświetlanego wyniku