Tabela sa koja sadrži kolone sa dropdownlist i textbox - ima

Tabela sa koja sadrži kolone sa dropdownlist i textbox - ima 10.02.2015. u 13:31 · pre 142 meseca #1

Pozdrav!

Imam tabelu koja je dinamički kreirana i sadrži kolonu sa DropDownList i drugu kolonu sa textbox

Kako da upišem neku vrednost u textbox kolonu ako izaberem neki item iz Dropdownlist koji je u istom redu sa textboxom ?

Hvala!

Patak

Re: Tabela sa koja sadrži kolone sa dropdownlist i textbox - ima 10.02.2015. u 15:48 · pre 142 meseca #2

Evo ovako
http://jsfiddle.net/nemnesic/xyg0va2m/

Re: Tabela sa koja sadrži kolone sa dropdownlist i textbox - ima 10.02.2015. u 20:32 · pre 142 meseca #3

Pozdrav!

Hvala puno!

Malo sam doradio i to je to... sada imam drugi problem...

Code:
$(document).on('change', "[name=roba]", function () {
        var vrednost;

        $.ajax({
            url: "/Home/VratiVrednostRobe",
            type: "POST",
            data: {
                Id_robe: $('#roba :selected').val(),
            },
            success: function (vrednost) {
                vrednost = vrednost[0].Vrednost;

                $(this).parent().next().next().next().children('input').val(vrednost);    //   neće da upiše u input
            },
            error: function (data) {
                alert(data);
            }
        });
    });

Re: Tabela sa koja sadrži kolone sa dropdownlist i textbox - ima 10.02.2015. u 20:38 · pre 142 meseca #4

ne mogu ovako da ti pomognem jer ne znam koja je vrednost "vrednost".

Uradio console.log(vrednost) posle success: function (vrednost) { i vidi sta ima tu.
A i ako to ima vrednost moracu i html da vidim za ovaj next next next...

Re: Tabela sa koja sadrži kolone sa dropdownlist i textbox - ima 10.02.2015. u 20:46 · pre 142 meseca #5

Pozdrav!

Evo ovako:

Kontroler vrati vrednost , proverio sam sa alert(vrednost);

kada stavim izvan Ajax-a $(this).parent().next().next().next().children('input').val('123');

onda ispiše u inputu 123 ali ako je u okviru ajaxa neće.

a kada pokušam da ispišem $(this).parent().next().next().next().children('input').val(vrednost); neće ni u okviru Ajaxa ni van njega..

Molim za pomoć!

Patak

Re: Tabela sa koja sadrži kolone sa dropdownlist i textbox - ima 10.02.2015. u 20:58 · pre 142 meseca #6

1. ne svida mi se se $(this).parent().next().next().next().children('input') imas previse next-a i ako menjas view (stranu) moraces da menjas js

Tako da je najbolje da uradis nesto poput ovoga

Code:

<tr id="UNIQUE_ID_1">
<td>Ovde nesto</td>
</tr>
<tr id="UNIQUE_ID_2">
<td>Ovde nesto</td>
</tr>

Znaci svaki ROW da ima svoj ID, i onda preko tog ID-a mozes da reference-ujes input. Znaci ovo dinamicko trazenje parent pa next je veoma otvoreno za greske.
Jel mozes da stavis html source posle generisanja strane? - znaci samo view source da vidim strukutru DOM-a

Re: Tabela sa koja sadrži kolone sa dropdownlist i textbox - ima 10.02.2015. u 21:14 · pre 142 meseca #7

Pozdrav!

Postavio sam da je <tr id='@i'> -- i je iz for petlje,tako da svaki tr ima jedinstven Id...

Re: Tabela sa koja sadrži kolone sa dropdownlist i textbox - ima 10.02.2015. u 21:38 · pre 142 meseca #8

Problem je sto ti ID nije unique. Svaki ID mora da bude jedinstven.
Ti imas vise "ROBA" ID-a. Znaci moras to da zamenis. Poslao sam ti na PM primer koji radi sa jednim redom

Re: Tabela sa koja sadrži kolone sa dropdownlist i textbox - ima 10.02.2015. u 21:53 · pre 142 meseca #9

Pozdrav!

Hvala puno!

Re: Tabela sa koja sadrži kolone sa dropdownlist i textbox - ima 10.02.2015. u 21:58 · pre 142 meseca #10

A vidi da li radi ovako:

Code:

$(document).on('change', "[name=roba]", function () {
        var vrednost;
        var self = this;

        $.ajax({
            url: "/Home/VratiVrednostRobe",
            type: "POST",
            data: {
                Id_robe: $('#roba :selected').val(),
            },
            success: function (vrednost) {
                vrednost = vrednost[0].Vrednost;

                $(self).parent().next().next().next().children('input').val(vrednost);    //   neće da upiše u input
            },
            error: function (data) {
                alert(data);
            }
        });
    });

Pseudo promenljiva this zavisi od konteksta poziva funkciji.
Očigledno, this u tvojoj funkciji na početku nije isto što i this u ajax callback-u.
Zato je najbolje this prepisati u posebnu promenljivu koja dalje u clousure-ima uvek
ima istu vrednost.

Re: Tabela sa koja sadrži kolone sa dropdownlist i textbox - ima 11.02.2015. u 11:30 · pre 142 meseca #11

To je to...

Uz male dorade...

Code:
$(document).on('change', "[name=roba]", function () {
        var vrednost;
        var self = this;

       var id_robe = this.value;

        $.ajax({
            url: "/Home/VratiVrednostRobe",
            type: "POST",
            data: {
                Id_robe: id_robe ,
            },
            success: function (vrednost) {
                vrednost = vrednost[0].Vrednost;

                $(self).parent().next().next().next().children('input').val(vrednost);
            },
            error: function (data) {
                alert(data);
            }
        });
    });

Hvala puno na pomoći!!

Re: Tabela sa koja sadrži kolone sa dropdownlist i textbox - ima 11.02.2015. u 11:42 · pre 142 meseca #12

Ne bi bilo loše da pročitaš ove tekstove:
http://javascriptissexy.com/16...t-concepts-you-must-know-well/

Posebno obrati pažnju na ova 3, čine život mnogo lakšim:
http://javascriptissexy.com/un...is-with-clarity-and-master-it/
http://javascriptissexy.com/ja...-scope-and-hoisting-explained/
http://javascriptissexy.com/un...javascript-closures-with-ease/

Re: Tabela sa koja sadrži kolone sa dropdownlist i textbox - ima 11.02.2015. u 11:49 · pre 142 meseca #13

Pozdrav!

Hvala!

Forum kao aplikacija na telefonu

Srodne teme