Kindeditor和模态框结合添加修改数据

添加

function showModel() {
		//模态框显示
        $("#myModal").modal("show");
        $("#modal_footer").html("<button type=\"button\" οnclick='addArticle()' class=\"btn btn-primary\">保存</button>\n" +
            "<button type=\"button\" class=\"btn btn-danger\" data-dismiss=\"modal\">取消</button>");
        KindEditor.create('#editor',{
            uploadJson:"${pageContext.request.contextPath}/kindeditor/upload",
            filePostName:"img",
            fileManagerJson:"${pageContext.request.contextPath}/kindeditor/getAllImg",
            allowFileManager:true,
            afterBlur:function () {
                this.sync();
            }
        });
        $("#addArticleFrom")[0].reset();
        KindEditor.html("#editor","");
    }
    //点击事件中调用的添加方法
    function addArticle() {
        $.ajax({
            url:"${pageContext.request.contextPath}/article/add",
            datatype:"json",
            type:"post",
            data:$("#addArticleFrom").serialize(),
            success:function (data) {
                $("#myModal").modal("toggle");
                $("#articleList").trigger("reloadGrid");
            }
        })
    }

修改+数据回显

function editArticle(id) {
        $("#addArticleFrom")[0].reset();
        $("#myModal").modal("show");
        var data = $("#articleList").getRowData(id);
        $("#title").val(data.title);
        $("#author").val(data.author);
        $("#status").val(data.status);
        // if (data.status=="展示"){
        //     $("#status").val("展示");
        // }else {
        //     $("#status").val("不展示");
        // }
        KindEditor.create('#editor',{
            uploadJson:"${pageContext.request.contextPath}/kindeditor/upload",
            filePostName:"img",
            fileManagerJson:"${pageContext.request.contextPath}/kindeditor/getAllImg",
            allowFileManager:true,
            afterBlur:function () {
                this.sync();
            }
        });
        //清空之前富文本编辑器中保存内容
        KindEditor.html("#editor",null);
        KindEditor.appendHtml("#editor",data.content);
        $("#modal_footer").html("<button type=\"button\" οnclick=\"updateArticle('"+id+"')\" class=\"btn btn-primary\">保存</button>\n" +
            "<button type=\"button\" class=\"btn btn-danger\" data-dismiss=\"modal\">取消</button>");

    }
    //点击事件中调用的方法
    function updateArticle(id) {
        $.ajax({
            url:"${pageContext.request.contextPath}/article/update?id="+id,
            datatype:"json",
            type:"post",
            data:$("#addArticleFrom").serialize(),
            success:function (data) {
                $("#myModal").modal("toggle");
                $("#articleList").trigger("reloadGrid");
            }
        })
    }

删除

//点击事件调用的删除方法
function deleteArticle(id) {
        $.ajax({
            url:"${pageContext.request.contextPath}/article/delete?id="+id,
            type:"post",
            datatype:"json",
            success:function (data) {
                //表格刷新
                $("#articleList").trigger("reloadGrid");
            }
        })
    }