Как редактировать элемент списка, встроенный с помощью AJAX? - PullRequest
1 голос
/ 06 февраля 2012

У меня есть текстовое поле, кнопка и ул. Пользователь вводит электронную почту в текстовое поле и нажимает кнопки, чтобы сделать вызов AJAX. Если у электронной почты есть какой-либо пользователь в базе данных, он обновляет ul-> li. Я хочу предоставить пользователю возможность редактировать данные в ul-> li. Я не могу этого сделать. У вас есть идеи, как я могу это сделать?

#tasks-add= Button
#foo= textfield
#tasks= ul

<script>(This script to make Ajax call and update ul)
                  $("#tasks-add").click(function(){
                  $.ajax({
                  success: function(html){
                  $(".tasks").prepend(html);
                  },
                  type: 'post',
                  url: '<?php echo $this->createUrl('field')?>',
                  data: {
                  index:$("#foo").val(),index1: $(".tasks li").size()
                  },
                  cache: false,
                  dataType: 'html'
                  })
              });


               </script>


     <script> (this script to in line edit ul using jeditable)
 $(document).ready(function() {
     $('.tasks li').editable('http://www.google.com');
 });
</script> 



              <ul class="tasks">

***// this is what I am updating through Ajax. I want inline edit to be performed here***

               </ul>


<><><><><><><>><><>><><><><><><><><><><>

_task.php

**<li>
    <div class="panel">
                <?php if($check=='Player already existed'){
                    echo $index1.". ".$fname ." ".$lname;
                    echo "<label> Player already existed</label>";

                } else
                echo "<label> New Player will be added</label>";
                ?>
</div>
</li>**
...