Serazeni prvku a ulozeni do databaze

dawe napsal(a):

Ahoj, jeste jsem se v nette neucil pouzivat ajax. Vsechny formulare generuju v presenteru. Ted bych ale potreboval udelat jednu vec. Mam seznam polozek tahanych z databaze a chtel bych udelat moznost razeni. Na to jsem udelal js pomoci jQuery sortable. Ale po razeni bych ulozit poradi pomoci tlacitka „ulozit poradi“. Jak nejlepe to provest a ulozit polozky, kdyz to nemam udelane jako form? V databazi jsem si vytvoril kolonku „order“ dle ktere bych to radil

takze si generuji treba:

<ul class="polozky">
<li id="1" class="post odd">
<li id="2" class="post even">
<li id="3" class="post odd">
</ul>

a pak ziskam poradi tech „id“ a dle toho to potrebuji ulozit do db

dekuji

edit:
Jak, kdyz zavolam ajax, ziskam v presenteru v metode handleAjax data z te sablony nebo z js? Upravim si poradi a potrebuji to nejak ziskat

Napiš si AJAX query, ve kterém pošleš seřazené pole IDček jako parametr (nejlépe POST) subrequestu (dejme tomu sort!) a v metodě handleSort($sortedArr) si je jednoduše vyzvedneš a předáš modelu.

// FooPresenter
public function handleSort($sortedArr) {
	$this->fooRepository->saveOrder($sortedArr);
}

// FooRepository
public function saveOrder($sortedArr) {
	foreach($sortedArr as $pos => $id) {
		$this->getTable()->where('id', $id)->update(
			array(
				'order' => $pos
			)
		);
	}
}

Editoval FilipKlimeš (16. 6. 2014 8:20)

Ale vypada to, ze se mi nic do te hodnoty $sortedArr nepredava :/

public function handleSort($sortedArr) {

To url o něm neví zkus něco jako :

url: {handleSort! $sortedArr},

jenicek napsal(a):

Já sortuji takto:

<script>
    (function($, undefined) {

        $.nette.ext('sortable', {
            load: function (rh) {
                this.createClick();
            },
        }, {
            createClick: function(){
                var that = this;
                $("ul.sortable li strong").on("click", function(event){
                    $(this).parents("ul").find("strong").css({"color":"black"}); // TODO styly
                    $(this).css({"color":"red"}); // TODO styly
                    that.createSortable();
                });
            },

            createSortable: function(){

                $("ul.sortable").sortable({

                    update : function(event, ui) {

                        var postData = $(this).sortable('serialize');

                        $.nette.ajax({
                            url: {plink sort!},
                            data:  postData,
                            type: 'post',
                        });
                        $(this).find("strong").css({"color":"black"}); // TODO

                    }

                }).disableSelection();


            }
        });

    })(jQuery);
</script>

a jak mas potom handle metodu na zpracovani?

@dawe:
Presenter, rači používám komponentu a pro update callback

	public function handleSort()
	{

		try {
			$items = $this->getParameter("items"); // fungovalo mi i tohle
			$this->repository->updateSort($items);
		} catch(MyException $e){
			...
		}

		if(!$this->isAjax()){
			$this->redirect("this");
		}

		$this->redrawControl(); // $this->invalidateControl je depricated

	}

Model:

	public function updateSort($items)
	{

		$i = 0;
		foreach($items as $id){
			if($row = $this->repository->findById($id)){
				$row->update(array("order" => ++$i)); // update pouze nad existujícím řádkem
			}
		}

	}

Editoval jenicek (17. 6. 2014 10:35)