Javascript SDK

为了提供更好的前端扩展，simplepro提供了jssdk，在不用重写页面的同时，进行页面最高程度的扩展。但是前提你必须了解Vue，因为JS sdk仅仅提供了Vue对象的暴露，需要操作Vue对象实现功能的变化。

引入JS

首先通过Admin中的Media引入自定义的js文件

例子：

@admin.register(Department)
class DepartmentAdmin(admin.ModelAdmin):

    class Media:
        js=('aa.js','bb.js')
        css=('dd.css','cc.css')

注册事件

然后aa.js中 注册事件

//所有的方法或者属性都是可选

SIMPLEAPI={
    //在vue完成初始化后调用
    init:function(app){
        //通过app对象，可以控制页面上所有的元素显示隐藏

    },
    toolbar:function(type,app){
        //type=按钮类型，添加=add，删除=delete,编辑=edit,其他自定义按钮的type就是自身的方法名
        //app=当前vue对象，可以通过console.log(app)查看当前所有的变量

        //this域
        //如果是add,edit,delete this域 是空的
        //如果是自定义按钮，this域是自定义按钮的配置信息

        //返回true，代表后续步骤还是由simplepro处理
        return true
    },
    loadData:function(app){
        //加载数据的时候触发
        //改变app某些参数的时候 建议在此方法进行，init中改后，重新加载数据将会对某些值进行覆盖
    }
    
    //其他例如formatter这一类，在ModelAdmin中已经提供
}

app对象

app对象是vue的vm对象，包括了数据、以及vue虚拟dom等相关信息。

Vue官方中文文档

Vue中文文档