README

关于SPA的更多信息：https://mdn.org.cn/en-US/docs/Glossary/SPA

UKMOnePage 代表框架，不能初始化，因此必须创建一个扩展它的类。

ProjectOnePage - 代表适用于项目或页面的框架的更具体实现

EventElement

代表具有事件和适合该元素的属性的DOM元素。

deltaOnePage.addEventElements([
   new EventElement('.card-body-arrangement.meldpaa', 'click', ()=>{ console.log("callback"); }, 'get_innslag_types', 'GET', ['pl_id'])        
]);

Director

Director类用于通过DOM中定义的页面导航，以实现SPA方法。

<div id="pageTestHello">
	<h1>Page content here...</h1>
</div>

Director.openPage("pageTestHello");

事件监听器

openPage - 当通过Director调用openPage()方法或返回按钮打开新页面时

注释

Director可用于在URL中添加属性并在需要时检索它们。

SPAInteraction

用于在用户界面中创建交互，发送消息和最重要的是运行API调用。

注意：为了构造SPAInteraction的新实例，必须发送一个对象。此对象必须实现以下方法

showMessage(title, message, type)
openDialog(title, msg, buttons)
hideLoading()

对象示例

export var interactionVue = new Vue({
    methods : {
        openDialog : function(title, msg, buttons = null, onCloseCallback) {
            // Implementering
        },
        showMessage : function(title, msg, type = 0) {
            // Implementering
        },
        hideLoading : function() {
            // Implementering
        }
    }
})

执行AJAX调用，GET方法

var innslag = await this.spaInteraction.runAjaxCall('get_innslag/'+this.innslag_id, 'GET', {});

带有回调的对话框

var buttons = [{
	name : 'Slett',
	class : "aaa",
	callback : async ()=> {
	    // Slett noe
	}
}];

this.spaInteraction.showDialog('Vil du melde av?', 'Vil du virkelig slette dette?', buttons);

ukmnorge / spa

维护者

详细信息