Witam wszystkich serdecznie,

Od razu mówię, że poznaję takie cuda jak JavaScript oraz jQuery.

Posiadam taki skrypt:

http://pastebin.com/6e66e09K

Jest to tabelka w JQGrid, która dodaje elementy w bardzo złym stylu, nie usuwa ich ani nie edytuje. Próbowałem dodawać elementy tak, jak
to sugeruje dokumentacja JQGrid, czyli:

var parameters =
{
rowID : "new_row",
initdata : {},
position :"first",
useDefValues : false,
useFormatter : false,
addRowParams : {extraparam:{}}
}

jQuery("#list").jqGrid('editGridRow', "new", properties );

i dodaje mi jedynie puste kolumny.

Jak zrobić, by zapomocą ikonki plusa dodawało rekordy, a później - by usuwało i edytowało je?

Jeżeli ktoś mógłby poświęcić choć chwilę na rozpatrzenie mego problemu - byłbym bardzo wdzięczny.

Pozdrawiam.

Może na początek dodawanie.
Dlaczego nie używasz metody addRowData (w przykładzie, który podałeś jest zakomentowana).

Gdy zakomentuje kod z append i odkomentuje właśnie z AddRowData to wtedy dodaje mi puste pola (Nota bene działa tylko wtedy, gdy z nawiasów klamrowych wyrzucę "miasto"). Kod z append wrzuca mi na żywca kod z HTML'a tj. tworzy normalny wiersz tabeli z odpowiednim CSS'em, ale nie da się później manipulować tym rekordem w żaden sposób.

[HTML] pobierz, plaintext 
jQuery("#list").addRowData(rowid,data, position, srcrowid);
[HTML] pobierz, plaintext 

rowid - id wiersza,
data - obiekt zawierający nazwy kolumn i ich wartości, u Ciebie: {id: 1, miasto: 'Warszawa'}
position - z dokumentacji wynika, że: 'first', 'last' lub 'after', 'before', przy tej ostatniej parze podaje się parametr:
srcrowid - id wiersza, przed który lub po którym będzie wstawiony nowy wiersz

Świetnie! Dziękuje ślicznie Dodaje tak jak trzeba, sortuje, tylko przy dodawaniu, w okienku "Dodaj rekord" wyświetla się enigmatyczny napis "Brak adresu URL."

Czy odejmowanie rekordu/usuwanie trzeba zrobić w tej samej funkcji?

Znalazłem coś takiego:

$('#item_table').jqGrid('delRowData',rowid);

Teraz pytanie: jak tego użyć?

Nie bardzo wiem o jakie okienko chodzi.

[HTML] pobierz, plaintext 
$('#list').jqGrid('delRowData',rowid);
[HTML] pobierz, plaintext 

rowid - to id wiersza, który usuwasz

Moje pytanie jest następujące: jak obsłużyć te dwa przyciski?

http://wrzucaj.net/images/2014/04/02/pytanie.png

Tak, rozumiem, że usuwamy po ID, tylko jak zbudować funkcję, by ten konkretny przycisk obsługiwał to konkretne zdarzenie.

[HTML] pobierz, plaintext 
$('id_przycisku').click(function(e){
 e.preventDefault(); //jeśli element natywnie ma jakąś akcję po kliknięciu
 $('#list').jqGrid('delRowData',rowid);
});
[HTML] pobierz, plaintext 

Dotarłem, że ID tego przycisku "Usuń", który wyskakuje jest 'dData', aczkolwiek nie działa tak jak należy. W każdym bądź razie dziękuje, będe się bawił dalej.

To może inaczej : Jak teraz wyciągnąć nazwę miasta z tej tabeli i przesłać do innego skryptu?

EDIT:

Mam już działający kod na usuwanie wiersza:

$("div.Delete").click(function(e){
var rowid = $('#list').jqGrid('getGridParam', 'selrow');
$('#list').delRowData(rowid);
});

pod warunkiem, że to jest div o id Delete. Przy linku o ID "dData" nie działa, dlatego chciałbym zapytać: czy $("a.dData").click(... jest dobrym odwołaniem, czy potrzeba jakiegoś innego?