Duyuruyu Kapat
Facebook Gözat
Twitter Gözat

Dinamik input oluşturmak ve doldurmak yardım...

Konu, 'Javascript' kısmında Satiuqea tarafından paylaşıldı.

  1. Satiuqea

    Satiuqea Yeni Üye

    Kayıt:
    17 Nisan 2013
    Mesajlar:
    11
    Beğenilen Mesajlar:
    0
    Arkadaşlar merhaba,
    Acemi düzeyde web programlama ile ilgilenmekteyim.

    Server tarafını java ile yazmaktrayım Web servis olarak Restful kullanmakta JSON formatında işlmelerimi gerçekleştirmekteyim.

    Server tarafında sıkıntım bulunmamakta.
    Sizden beklediğim yardıma gelecek olursak;
    Web servisimden Json veri bana ulaşmakta normal şartlarda datadaki verileri javascript aracılığıyla ilgili inputlara yazdırmaktayım.
    Sorunum ise datamda array olarak alanım mevcut ve bunun içerisindeki veri kadar ekrana input oluşturup içeriğini doldurmam gerekmekte.

    Jquery kütüphanesi de kullanmaktayım.
    Bu konu ile alakalı siz tecrübeli arkadaşlarımdan yardım rica etmekteyim.
     
  2. wurucu

    wurucu Üye

    Kayıt:
    28 Ağustos 2008
    Mesajlar:
    138
    Beğenilen Mesajlar:
    7
    Meslek:
    Öğrenci
    Şehir:
    Mersin
    Sorununuzu yanlış anlamadıysam eğer, json verisini dinamik şekilde html(inputlarla) çıktı vermesinde sıkıntı yaşıyorsunuz ?

    Eğer doğru anladıysam, çok basit :

    //Json veri :
    var data = [
    {"Id": 10004, "Title": "club"},
    {"Id": 10040, "Title": "qaz"},
    {"Id": 10059, "Title": "jjjjjjj"}
    ];
    // Döngü ile yeni input oluşturulup gözükmesini istediğiniz yere ekleyin
    // Daha sonra post edilecek ise name attributesinide belirtin, id saklamanız gerekiyorsa data-id gibi custom attribute olarak saklayın ve post ederken kullanın vs.
    $.each(data,function(i, item){
    var input = $("<input type='text' value='" + data.Title + "'/>");
    $("#content").append(input);
    );

    //HTML
    <div id="content">
    </div>
     
    Satiuqea bunu beğendi.
  3. Satiuqea

    Satiuqea Yeni Üye

    Kayıt:
    17 Nisan 2013
    Mesajlar:
    11
    Beğenilen Mesajlar:
    0
    wurucu dönüşün için çok teşekkür ederim.

    Hocam get metodu ile getirmeyi halletsem post ile yollamayı başaramıyorum.
    Gerçekten saç baş yoldurdu.

    Bu konu ile alakalı çalışan bir örnek linki varmı bildiğin, kaç haftadır ugrasıyorum artık kafam durdur resmen ne yaptıgımı bilmeden birşeyler yapmaya çalışıyorum şu an.

    Ne yapmaya çalıştıgımdan da bahsedeyim.

    uğraştıgım json aşağıda
    detaya kadar sıkıntı yok inputları form da sabit zaten.

    detay kısmını bir işlemin kalemleri olarak düşünebiliriz.

    mesela Hasan'ın bilgilerinde 3 set 2 tane dinamik input oluşturup içerisine verileri yazıp post etmek
    daha sonra bu verileri görmek için ilgili kayıtı çağırdıgımda yine dinamik inputları 3 set oluşturup içerisine verileri doldurmak.

    [{
    "kullaniciKodu": "0002",
    "id": 123,
    "adi": "Hasan",
    "soyadi": "Altay",
    "adres": "Ankara.",
    "cinsiyet": "Erkek",
    "detay": [
    {
    " kisiBilgi1": "2018",
    " kisiBilgi2 ": "uıouıo"
    },
    {
    " kisiBilgi1 ": "2017",
    " kisiBilgi1 ": "ghjghjhg"
    },
    {
    " kisiBilgi1 ": "2016",
    " kisiBilgi1 ": "asdasd"
    }
    ]
    },
    {
    "kullaniciKodu": "0002",
    "id": 124,
    "adi": "Ahmet",
    "soyadi": "Aslan",
    "adres": "Reşadiye",
    "cinsiyet": "Erkek",
    " detay ": [
    {
    " kisiBilgi1 ": "2016",
    " kisiBilgi1 ": "qwqw"
    }
    ]
    }]


    internetten budugum örnek de html i aşağıdaki şekilde iken post edebiliyorum ama verileri geri dolduramamaktayım.
    <input type="text" class="form-control" id="detay[][kisiBilgi1]" name="detay[][kisiBilgi1]" value=""/>
    <input type="text" class="form-control" id="detay[][kisiBilgi2]" name="detay[][kisiBilgi2]" value=""/>

    diğer türlüde getiriyorum ama gönderemiyorum.

    hem getiren hem yollayan bir örnek te bulamadım.
    şimdiden teşekkürler.
     
  4. wurucu

    wurucu Üye

    Kayıt:
    28 Ağustos 2008
    Mesajlar:
    138
    Beğenilen Mesajlar:
    7
    Meslek:
    Öğrenci
    Şehir:
    Mersin
    Satiuqea bunu beğendi.
  5. Satiuqea

    Satiuqea Yeni Üye

    Kayıt:
    17 Nisan 2013
    Mesajlar:
    11
    Beğenilen Mesajlar:
    0
    eline sağlık
    deneyeceğim...
     
  6. Satiuqea

    Satiuqea Yeni Üye

    Kayıt:
    17 Nisan 2013
    Mesajlar:
    11
    Beğenilen Mesajlar:
    0
    Hocam selam,
    işlemi başaramadım.
    Github'a kodları yüklesem bana yardımcı olabilirmisin.

    aslında temel bilgiye de ihtiyacım var nedeni olaya giriş yaparken bana anlatım yapan arkadaşım.
    formu falan doldururken internetten bulduğumuz js kütüphanelerinden faydalanarak ajax get metoduyla gelen veriyi tek bir satır la hallederek işin kolay yolundan gösterdiğinden kavram, mantık ve temel bilgi eksiği ile karşı karşıyayım.

    sabit alanlarla ilgili sıkıntım bu durumdan dolayı yok ama dinamik işlem patlıyor.