Dinamik güncelleştirme Ul Li javascript kullanarak (Mootools 1.2)

4 Cevap php

Ajax tarafından teslim edilen bir form var.

Ben php çalıştırıyorum.

After the entry completed by ajax, that entry should be updated to my html. For example

Benim HTML Code

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

Herhangi bir 5 ile yeni bir giriş eklediğinizde Şimdi, o zaman benim html HTML altında güncelleştirilmesi gerektiğini.

<ul>
     <li>1</li>
     <li>2</li>
     <li>3</li>
     <li>4</li>
     <li>5</li>
</ul>

Şimdiden teşekkürler.

Avinash

4 Cevap

Ben onu kendim yaptım.

Cevap için aşağıdaki kodu kontrol edin.

// Select UL to append    
var commentUL = $('comment_ul');

//Create new li to insert
    var commentnewLI = new Element('li', {id: 'myFirstElement'});
// Append text to li
    commentnewLI.appendText(responseValueArray[1]);
// Insert li into UL
    commentUL.adopt(commentnewLI);

Mootools 'admopt yöntem benim için çalışmaları var.

Ama bununla ilgili bir sorunum var.

My response has some HTML in the to append in the LI. Like below

Dummy text, Dummy text,Dummy text,<br/><span>User Name</span>

U tavsiye misiniz bu nedir buraya sorun.

Thanks Avinash

Yeni LI olasılıkla çalışacaktır eklemek MooTool adlı Eleman yöntemlerden birini kullanarak sonra, UL seçin ve genişletmek için "dolar" fonksiyonunu kullanarak.

http://mootools.net/docs/core/Element/Element#dollar

http://mootools.net/docs/core/Element/Element#Element%3Ainject

Benim HTML sorun çözüldü.

Ben sadece yerini var

commentnewLI.appendText(responseValueArray[1]);

Aşağıdaki kod ile.

commentnewLI.innerHTML= responseValueArray[1];

Onun iyi çalışıyor .....

İşte ben yaptım nasıl:

//the list
<ul id='the_list'>
  <li>list item 1</li>
  <li>list item 2</li>
  <li id='template_row' class='hidden'>list template. Can have <span class='bold'>HTML</span></li>
</ul>

//get the template
var template = $('template_row');
//create a new row, based on the template
var newRow = new Element('li').set('html', template.innerHTML);
//add it to the list
newRow.inject($('the_list'));

Benim şablon satır HTML sahiptir ve düzgün hale getirilir.

etiketler