在表格数据中打开editDialog对话框

时间:2017-11-27 09:35:34

标签: jquery

您好我正在尝试在表格数据中打开一个jQuery的editdialog框。

最后有一列用于编辑数据。单击时。它将在当前视图的顶部打开一个视图,而不会更改当前视图。(就像我们可以说的模态而不是模态)。 (我在CI中使用此视图,因此url是控制器名称,它将调用editdialog的视图)

<td><a class="linkTo" id="{{record.ID}}" href='<?php echo base_url();?>addEditUsers/{{record.ID}}' style='margin-top:10px;' class='btn btn-rounded btn-inline btn-secondary-outline'>Edit</a>

这是我到目前为止所做的工作。

<script type="text/javascript">
$(document).ready(function() {
    $("a.linkTo").click(function(e) {
        var id = $(this).attr('id');
        e.preventDefault();
        var dialogOpts = {
            title: "View Title",
            modal: true,
            width: "930px",
            resize: "auto",
            close: dialogClosed
        };
        editDialog = $('<div></div>').load("<?php echo site_url("addEditUsers"); ?>", {edit: id})
        .dialog(dialogOpts);
        editDialog.dialog('open');
        return false;
    });
});

如果我能得到这个的演示,那将是最好的。 提前谢谢。

0 个答案:

没有答案