SNF快速開發平台MVC-單據狀態浮水印

標籤：平台   cli   star   定義   mvc   logs   stat   bsp   blog   

1.   單據狀態浮水印1.1.      效果展示

 

1.2.      調用說明

與easyui的調用方式類似，可以在js中調用，也可以在html中寫好所有屬性，直接渲染。

如下，在html中寫好所有屬性時，需要將所有屬性寫在標籤的status-bind屬性中，statusType為audit時，表示審核狀態，審核狀態值包含AuditPass,AuditQuash,AuditReject,Close,Making,Pause,WaitForAudit，statusValue表示預設值，

left和top表示左邊的距離和上邊的距離，為絕對位置。

snf.statusPicInit()表示渲染所有包含status-bind的標籤，使之轉化為浮水印狀態，而後邊一種方式則是直接在js中定義全部屬性，直接使任意指定的標籤渲染為浮水印狀態。建議，無論使用哪種方式，使用img標籤為宜。

html代碼：

<img status-bind="statusType:‘audit‘,statusValue:‘WaitForAudit‘,left:400,top:100" />

<img id="auditStatus" />

js代碼：

//兩種寫法，調用方法與easyui控制項的載入方式類似

//第一種是參數寫在html中的status-bind屬性內，標籤類型任意，但是建議使用<img/>標籤

//下邊方法為載入所有包含status-bind屬性的標籤

snf.statusPicInit();

//第二種是寫在js中，使用下邊方法即可在任意時候對任意標籤進行載入

//參數：

/*

{

    statusType: ‘audit‘,//狀態類型，audit為審核狀態，其他類型以後可進行擴充

    statusValue: ‘Pause‘,//載入後顯示的狀態，審核狀態包括：AuditPass,AuditQuash,AuditReject,Close,Making,Pause,WaitForAudit

    left: 0,//左邊距

    top: 100//上邊距

}

*/

$("#auditStatus").statusPic({

    statusType: ‘audit‘,

    statusValue: ‘Pause‘,

    left: 0,

    top: 100

});

1.3.      相關事件

 

this.pauseClick = function () {

    $("#auditStatus").statusPic("setValue", "Pause");//將狀態改為Pause

}

//setValue方法可以將當前控制項的狀態設定為指定值

this.startClick = function () {

    $("#auditStatus").statusPic("setValue", "Making");//將狀態改為Making

}

 

// getValue方法可以擷取當前控制項的狀態值

this.getStatusClick = function () {

    alert("目前狀態：" + $("#auditStatus").statusPic("getValue"));//擷取目前狀態

}

 

SNF快速開發平台MVC-單據狀態浮水印