如何使用codeigniter从数据库查看记录到jquery popup div?

时间:2014-03-23 13:08:32

标签: javascript jquery codeigniter jquery-plugins codeigniter-2

我的视图文件中有一个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>

0 个答案:

没有答案