po odoslani keyup na inpute formulara nastavit kurzor naspat na input v ktorom som pisal

je to policko filtra
ked pisem do inputu odosiela sa formular, a nasledne sa invaliduje tabulka v ktorej sa zobrazuju filtrovane udaje,

ale problem je v tom ze po invalidacii uz nemam kurzor v tom inpute v ktorom som pisal, a neviem ako ten focus tam dat, ked mam viacej inputov …

Je ten problém ve všech browserech nebo ne?

Asi by šlo si před odesláním zjistit kde je focus a po odeslání jej zase nastavit, ale je to berla, která by neměla být potřeba a určitě to není hezké.

Rekl bych ze focusujes, jeste pred tim nez se ti vrati odpoved z ajaxu a cely formular se prekresli, tzn focus se ztrati…

A neslo by neco jako toto? (psano z hlavy, asi si bude potreba trosku pohrat s nulovanim/podminkovani promenne this.input)

$.nette.ext('text-keyup', {
  load: function () {
    var _this = this;
    $("input:text.ajax").on('keyup', function (e) {
      var $this = $(this);
        if ($this.attr('value').length >= 3 || $this.attr('value').length <1) {
          $form = $this.closest('form').submit();
          _this.input = $this;
          return false;
        }
    });
  },
  success: function () {
    this.input.focus();
  }, {
    input: null
  }

});

Editoval stefi023 (14. 8. 2012 11:24)

To je proto, že ten input je už dávno mrtvý… vyříznutý z DOMu. On stále existuje, ale kdesi v neviditelném éteru, v paměti prohlížeče, ale mimo stránku. Co by mohlo fungovat je najít ten samý input v již invalidavaných nových datech a replacnout ho tímhle starým.

Ideálně bych to řešil vyjmutím formuláře z tabulky nebo nějakou jemnější prací se snippety… samozřejmě za předpokladu, že to situace umožňuje.

Editoval vojtech.dobes (14. 8. 2012 15:17)

uvazoval som ze by som si pred odoslanim zistil parent path, az k body a po ododlani by som na zaklade tejto cesty znovu nasiel input ktory potrebujem, a na neho pouzil focus()

no skusal som to, bud som to robil ze alebo to nejde,
aste som skusal takuto variantu, ale kurzor mi da na zaciatok inputu pred text

  $.nette.ext('text-keyup', {
    load: function () {
      var _this = this;
      $("input:text.ajax").on('keyup', function (e) {
        var $this = $(this);
          if ($this.attr('value').length >= 3 || $this.attr('value').length <1) {
            $form = $this.closest('form').submit();
            _this.input = $this;
            return false;
          }
      });
    },
    success: function () {
      $('#'+this.input.attr('id')).focus();
      //$('#'+this.input.attr('id')).val($('#'+this.input.attr('id')).val());
    }
  });

asi by bolo fakt najlepsie dat tabulku mimo snippetu ktory sa invaliduje,
ale problem je v tom ze mam presenter v ktorom nacitavam model
a v nom ma 2 komponenty filter a tabulku
a nacitam podla coho mam filtrovat z filtra komponenty v render presenteru,
a tu filtrujem model a do komponenty tabulka posielam uz vyfiltrovane udaje

ale aby som mohol po odoslani formulara invalidovat snippet tabulky tak musim volad rodica presenter a potom jeho potomka komponentu tabulku kde invalidujem snippet, tak aby som toto nemusel tak
snippet pre filter a tabulku mam v presenteri a v nich mam komponenty filter a tabilku a v render predenteru invalidujem naraz obe, neviem ako to urobit inak nejaky priklad alebo manual som nikde nenasiel…

mam to asi takto:

  // Presenter
  public function actionDefault()
  {
    $this->tasksListTable=$this->context->createTasks();
  }

  public function renderDefault()
  {
     // Filtrovanie
     // vezmem si parametre pre filtrovanie z komponenty
     // v komponente su tieto parametre v persistentnej premenej
    $filterParms = $this['taskTableFilter']->getFilterParms();
    if(!empty($filterParms['priority']))
    {
      $this->tasksListTable->where('priority_id',$filterParms['priority']);
    }

    if ($this->presenter->isAjax())
    {
      $this->invalidateControl('taskTableFilter');
      $this->invalidateControl('taskTable');
    }
  }

  /** KOMPONENTA - Filter **/
  public function createComponentTaskTableFilter()
  {
    $taskTableFilter = new TaskTableFilter();
    $taskTableFilter->setPriorityModel($this->context->createPriority());
    return $taskTableFilter;
  }

  /** KOMPONENTA - Task Table **/
  public function createComponentExecutorIncompleteTasks()
  {
    $taskTable =  new TaskTable($this->tasksListTable);
    return $taskTable;
  }


  // latte presenteru
  {snippet taskTableFilter}
    {control taskTableFilter}
  {/snippet}

  {snippet taskTable}
    {control executorIncompleteTasks}
  {/snippet}

no problem je v tpm ze ono to replacne input ale, po splneni podmienky

if ($this.attr('value').length >= 3 || $this.attr('value').length <1) {

po tom co vpisem 3 znaky odosle poziadavku input sa replacne ale uz dalsiu poziadavku neposle.