我的视图文件中有一个html表,我从数据库中显示所有记录。每行包含一个带有编辑选项的记录。现在我想要点击编辑链接时会出现一个div(包含一个编辑表单)(例如:像弹出或显示),这条记录会加载到我的编辑表单中。我可以使用jquery显示div,但我无法将记录加载到该div中。
这是我的Jquery代码:
jQuery(function($){
$("a.topopup").click(function(){
loading();
setTimeout(function(){
loadPopup();
}, 500);
return false;
});
$("div.close").click(function(){
disablePopup();
});
$(this).keyup(function(event){
if(event.which == 27){
disablePopup();
}
});
var popupStatus = 0;
function loadPopup(){
if (popupStatus == 0){
closeloading();
$("#toPopup").fadeIn(0500);
$("#backgroundPopup").css("opacity","0.7");
$("#backgroundPopup").fadeIn(0001);
popupStatus = 1;
}
}
function disablePopup(){
if(popupStatus == 1){
$("#toPopup").fadeOut("normal");
$("#backgroundPopup").fadeOut("normal");
popupStatus = 0;
}
}
function loading(){
$("div.loader").show();
}
function closeloading () {
$("div.loader").fadeOut('normal');
}
});
这是我的观点部分:
<div>
<table>
<tr><th>Topics</th><th>Topics Content</th></tr>
<?php foreach ($topics as $topic){?>
<tr><td><?php echo $topic->topic_date;?></td><td><?php echo $topic->topic_content;?><?php echo anchor('manage/editTopicsEditor','Edit');?><a href="#">Delete</a> </td></tr>
<?php };?>
</table>
</div>
<div id="toPopup">
<div class="close">X</div>
<span class="tooltip">Press Esc to Close</span>
<div id="popup_content">
<?php echo form_open();?>
<!-- <p>Ami load korate parsi....:D</p> -->
<img src="<?php echo base_url();?>cis/img/calendar@2x.png" width="30" height="30" alt=""/ class="float-left">
<input type="text" name="topic_date" class="datepicker float-left margin-right-1-0 margin-bottom-1-0" style="width:20% !important;" >
<textarea id="topiceditor" name="topic_content" class="topiceditor float-left margin-right-1-0 margin-bottom-1-0" value="" ><?php echo $topic->topic_content;?></textarea>
<input type="submit" class="btn_blue margin-0" value="ADD 追加"/>
<?php echo form_close();?>
</div>
</div>
<div class="loader"></div>
<div id="backgroundPopup"></div>