Nezaktualizujici se snippet

mas tam prilinkovany https://componette.org/search/?… ?

bazo napsal(a):

mas tam prilinkovany https://componette.org/search/?… ?

Ano mám

Ok, v tom případě bude problém někde s ajaxifikací. Jednak odkazovaný skript neřeší formuláře a neposkytuje metodu ajaxSubmit(). Nehází ti to v JS konzoli nějakou chybu?

Druhak bych ti doporučil nette.ajax.js, pak by na tom místě stačilo zavolat submit(). Samozřejmě pokud by výměna skriptu neznamenala přepsat příliš mnoho kódu.

nette.ajax.js defaultně ajaxuje formuláře s CSS třídou ajax, takže jakmile by se takový formulář měl klasicky odeslat (je u něj vyvolána událost submit), odešle se ajaxově. Takže pak stačí na takovém formuláři zavolat submit(), je uměle vyvolána událost submit a formulář by se měl ajaxově odeslat.

nette.ajax.js je třeba inicializovat voláním $.nette.init();.

Hlavně je třeba, aby všechny elementy, které by se měly ajaxově odesílat, měly CSS třídu ajax.

vojtech.dobes napsal(a):

nette.ajax.js defaultně ajaxuje formuláře s CSS třídou ajax, takže jakmile by se takový formulář měl klasicky odeslat (je u něj vyvolána událost submit), odešle se ajaxově. Takže pak stačí na takovém formuláři zavolat submit(), je uměle vyvolána událost submit a formulář by se měl ajaxově odeslat.

nette.ajax.js je třeba inicializovat voláním $.nette.init();.

Hlavně je třeba, aby všechny elementy, které by se měly ajaxově odesílat, měly CSS třídu ajax.

Tak jestli te spravne chapu

<script>


	$(function() {
      $.nette.init(); // Inicializace o ktere mluvis
  		$( "#dialog-form" ).dialog({
			resizable: true,
			height:140,
			modal: true,
      buttons: [{
                 text: "Přidat text",
                 click: function() {
                 $("form.ajax").submit( //Onen submit a form.ajax
                 $("#dialog-form").dialog("close")); }
                }]
		  });
	});
</script>

A v presenteru

public function createComponentTestForm() {
    $form = new Form();
    $form->addText("name","Název:");
    $form->getElementPrototype()->class = "ajax"; // ona trida zde
    $form->onSuccess[] = callback($this, "testFormSubmit");
    return $form;
}
   public function testFormSubmit(){
          $this->template->test = 'Zobrazilo se';
          if ($this->presenter->isAjax()) {
                $this->invalidateControl('msg');
          } else {
                $this->redirect('this');
            }
   }

Nechce mi to alep projit a nic se po jdialog submitu nestane. vsude cisto :)

Jinak doufam ze teda nic dalsiho krom toho doplnku tveho nemusim prilinkovat ajax na form atd.

Editoval TheNEoo (22. 8. 2012 21:03)

Můžeš používat ty tlačítka z toho formuláře např. takto:

var buttons = new Array;
$("#dialog-form input[type=submit]").each(function(i, val) {
	$(this).css({'width': 0, 'height': 0, 'position': 'absolute', 'left': '-9999px'}); // tlacitka posles pomoci css na vylet
	buttons.push({text: val.value, click: function() { $('#' + val.id).trigger('click'); } }); // do pole jen pridas value tlacitka + nastavis trigger
});
buttons.push({ text: 'Storno', click: function() { $(this).dialog("close") } }); // muzes pridat zaviraci tlacitko
$("#modal-" + id).dialog("option", "buttons", buttons); // otevres modal okno

vojtech.dobes napsal(a):

Off-topic bych jen dopnil, že v Javascriptu je preferovaný zápis var buttons = [];. new Array by se spíš používat nemělo, není to ani rychlejší ani nic takového.

Také off-topic, za to se omlouvám. Rozdíl mezi zápisem var buttons = []; a var buttons = new Array není v tomto případě žádný. Důvod poč se preferuje zápis [] je ten, že kdybychom chtěli vytvořit pole čísel a předali bychom číslo do konstruktoru, vytvořilo by se pole o dané velikosti. Při použití var pole = new Array(10) nevytvoříme pole [10], ale pole o velikosti deset: pole.length === 10. Další důvod je ten, že když voláme new Array, nemusí to být vždy nutně to pole window.Array. Pokud bychom totiž měli v daném kontextu funkci respektive konstruktor Array, nevytvořili bychom pole, ale námi nadefinovaný objekt Array. Proto je lepší používat zápis v hranatých závorkách.

ji_ri_k napsal(a):

Můžeš používat ty tlačítka z toho formuláře např. takto:

var buttons = new Array;
$("#dialog-form input[type=submit]").each(function(i, val) {
	$(this).css({'width': 0, 'height': 0, 'position': 'absolute', 'left': '-9999px'}); // tlacitka posles pomoci css na vylet
	buttons.push({text: val.value, click: function() { $('#' + val.id).trigger('click'); } }); // do pole jen pridas value tlacitka + nastavis trigger
});
buttons.push({ text: 'Storno', click: function() { $(this).dialog("close") } }); // muzes pridat zaviraci tlacitko
$("#modal-" + id).dialog("option", "buttons", buttons); // otevres modal okno

Ahoj muzes mi prosim povysvetlit tento radek.

$(„#modal-“ + id).dialog(„option“, „buttons“, buttons);

bo spise „#modal-“ + id … to id modal.
Ten modal ma byt id tlacitka formu ?

ji_ri_k napsal(a):

Ahoj, to $("#modal-" + id)... je překlep (ten řádek jsem vykopíroval z mého kódu) – v tvém případě by tam patřilo $("#dialog-form").dialog("option", "buttons", buttons);
PS: To ID tam mám proto, že mohu otevírat více dialogových oken na jedné stránce a chci aby se ten JS vykonal jen pro to nově otevřené okno (tzn. každé okno dostane své unikátní ID).

Ok to zatim vypada ze pojede i z validaci jenze neotevre se mi okno jen se mi to ajaxove vlozi do stranky, ale okno nikde :)

ja uz nevim co z tim uz sem z toho zoufalej :)

$("#dialog-form").dialog(); kdyz posledni radku pouziji takto tak uz se otevre

Editoval TheNEoo (29. 8. 2012 13:19)