spring-boot集成EasyUI和KindEditor

spring-boot-easyui-kindeditor, 依赖spring-boot-parent

• spring-boot
• Easyui
• Kindeditor

• 项目启动后输入：http://localhost/

# IDENTITY (ContextIdApplicationContextInitializer)
spring.application.index=EasyUI-KindEditor-Dialog.v1.1
spring.application.name=EasyUI-KindEditor-Dialog

#Server
server.port=80
server.jsp-servlet.class-name=org.apache.jasper.servlet.JspServlet

security.basic.enabled=false
management.security.enabled=false

#MVC
spring.mvc.view.prefix=/WEB-INF/views/
spring.resources.static-locations=classpath:/static/

security.basic.enabled=false
management.security.enabled=false

#LOG
logging.config=classpath:log4j2.xml

 

@SpringBootApplication
public class SimpleApplication {

    public static void main(String[] args) {
        SpringApplication.run(SimpleApplication.class, args);
    }
}

 

 

  

 

 

var Index = {
    form: 'indexForm',
    grid: 'index-grid',
    init: function(){

    },

    //新增
    addProduct: function(){
        var d = this.createIndexDialog();
        d.dialog({title: "新增产品"}).dialog('open');
        this.openDialog();
    },

    //修改
    updateProduct: function(){
        var message = Ext.getSingleSelected(this.grid);
        if(message){
            return Ext.alert(message);
        }
        this.update();
    },

    //删除
    deleteProduct: function(){
        var message = Ext.getSingleSelected(this.grid);
        if(message){
            return Ext.alert(message);
        }

        Ext.confirm('您确认要删除这条记录吗?', function(){
            Ext.progress('正在删除数据...');

            setTimeout(function(){
                Ext.alert("删除成功!");
                Ext.progressClose();
            }, 2500)
        });
    },

    //查询
    searchProduct: function(){
        $("#"+this.grid).datagrid("load", {productname: $('#name').val()})
    },

    //详情
    detail: function(index){
        $('#'+this.grid).datagrid('selectRow',index); 
        var record = Ext.getRecord(this.grid);
        if(!record){return;}

        //弹出Dialog, 并修改Title和隐藏Button
        var d = this.createIndexDialog();
        d.dialog({title: "查看产品--"+record.itemid}).dialog('open');
        $(".dialog-button a").eq(0).hide();

        $('#content_detail').html(record.detail);
        $("#"+this.form).form('load', record);
        this.openDialog();
    },

    itemIdFormat: function(value, row, index){
        return ''+value+'';
    },

    //执行更新操作
    update: function() {
        var record = Ext.getRecord(this.grid);
        var d = this.createIndexDialog();
        d.dialog({title: "修改产品"+record.itemid}).dialog('open');

        //加载form表单
        $('#content_detail').html(record.detail);
        $("#"+this.form).form('load', record);
        this.openDialog();
    },

    //Dialog框
    createIndexDialog: function() {
        $('#'+this.form).form('clear');
        $('#indexForm input[name=id]').val(0);
        var d = $('#indexDialog').dialog({
            width:800,
            height: 500,
            minimizable: false,
            maximizable: false,
            collapsible: false,
            resizable: false,
            modal: true,
            iconCls: 'icon-win',
            buttons: [
               {text: '保 存'}, 
               {text: '关 闭', handler: function(){d.dialog('close');}}
            ],
            onBeforeClose: function(event, ui) {
                KindEditor.remove('#content_detail');
            }
        });
        return d;
    },

    //打开Dialog
    openDialog: function() {
        KindEditor.create('textarea[name="attr1"]', {
            resizeType: 1,
            allowImageUpload: true,
            items: [
                'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
                'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
                'insertunorderedlist', '|', 'emoticons', 'image', 'link'],
                afterChange:function(){
                    this.sync();
                }
        });
    }
}

 

 项目完整路径：spring-boot-easyui-kindeditor