天天看點

SNF快速開發平台MVC-單據狀态水印1.   單據狀态水印

1.   單據狀态水印

1.1.      效果展示

SNF快速開發平台MVC-單據狀态水印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中,使用下邊方法即可在任意時候對任意标簽進行加載

//參數:

$("#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"));//擷取目前狀态

}

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

作者: 王金鬥
出處: http://www.cnblogs.com/spring_wang/
Email: [email protected]
QQ:903639067 
QQ群:322581894      

 這個系列教程文檔,歡迎轉載:

SNF快速開發平台WinForm-CS甘特圖http://www.cnblogs.com/spring_wang/p/7418423.html

SNF快速開發平台MVC-稽核流,稽核完成後會給下一個稽核人發郵件,下一個稽核人可以不登入系統,在郵件裡進行稽核處理http://www.cnblogs.com/spring_wang/p/7418402.html

SNF快速開發平台MVC-名片管理(實際名片樣式) http://www.cnblogs.com/spring_wang/p/7416540.html

SNF快速開發平台MVC-表格單元格合并元件http://www.cnblogs.com/spring_wang/p/7416368.html

SNF快速開發平台MVC-單據狀态水印http://www.cnblogs.com/spring_wang/p/7416349.html

SNF快速開發平台MVC-瀑布式分頁元件http://www.cnblogs.com/spring_wang/p/7411116.html

SNF快速開發平台MVC-進階查詢元件http://www.cnblogs.com/spring_wang/p/7411113.html

SNF快速開發平台MVC-自由排序元件http://www.cnblogs.com/spring_wang/p/7411090.html

SNF快速開發平台MVC-各種級聯綁定方式,示範樣例程式(包含表單和表格控件)http://www.cnblogs.com/spring_wang/p/7405371.html

SNF快速開發平台MVC-內建了百度開源項目echarshttp://www.cnblogs.com/spring_wang/p/7405171.html

SNF快速開發平台WinForm-平闆拍照及掃描二維碼功能http://www.cnblogs.com/spring_wang/p/7404600.html

SNF快速開發平台WinForm規則引擎整體介紹及使用http://www.cnblogs.com/spring_wang/p/7404182.html

SNF快速開發平台WinForm-Grid表格控件大全http://www.cnblogs.com/spring_wang/p/7403881.html

SNF快速開發平台WinForm-表單驗證控件-通用http://www.cnblogs.com/spring_wang/p/7403750.html

SNF.CodeGenerator-更新生成BS頁面代碼-支援視圖-資料庫配置-快速開發者的利器http://www.cnblogs.com/spring_wang/p/7402612.html

SNF快速開發平台WinForm-稽核流使用方法樣例http://www.cnblogs.com/spring_wang/p/7374176.html

SNF快速開發平台WinForm-EasyQuery統計分析-效果-非常牛逼的報表查詢工具http://www.cnblogs.com/spring_wang/p/7366059.html

SNF快速開發平台MVC-Grid++內建列印http://www.cnblogs.com/spring_wang/p/7365567.html

SNF快速開發平台MVC-富文本控件內建了百度開源項目editorhttp://www.cnblogs.com/spring_wang/p/7365265.html

C#按回車Enter使輸入焦點自動跳到下一個TextBox的方法收集http://www.cnblogs.com/spring_wang/p/7216538.html

關于系統前端開發的那些事http://www.cnblogs.com/spring_wang/p/7092721.html

WebApi和MVC-controller層接收的json字元串的取值方法和調用背景服務方法http://www.cnblogs.com/spring_wang/p/6740314.html

SNF快速開發平台--規則引擎在程式當中如何調用http://www.cnblogs.com/spring_wang/p/6740490.html

SNF快速開發平台--規則引擎介紹和使用文檔http://www.cnblogs.com/spring_wang/p/6740445.html

SNF快速開發平台MVC-EasyUI3.9之-DataGrid表格控件如何增加右鍵菜單http://www.cnblogs.com/spring_wang/p/6740338.html

SNF快速開發平台--多組織+多平台+多系統處理方案http://www.cnblogs.com/spring_wang/p/6734654.html

SNF快速開發平台MVC-EasyUI3.9之-Session過期處理和頁面請求篩選http://www.cnblogs.com/spring_wang/p/6733975.html

SNF快速開發平台MVC-EasyUI3.9之-WebApi身份驗證問題解決方案http://www.cnblogs.com/spring_wang/p/6733814.html

SNF快速開發平台MVC-EasyUI3.9之-WebApi跨域處理方案http://www.cnblogs.com/spring_wang/p/6733659.html

SNF快速開發平台MVC-EasyUI3.9之-ueditor富文本編輯在 asp.net MVC下使用步驟http://www.cnblogs.com/spring_wang/p/6710351.html

SNF開發平台WinForm之十五-時間軸控件使用-http://www.cnblogs.com/spring_wang/p/6285393.html

SNF開發平台WinForm之十四-站内發送系統資訊http://www.cnblogs.com/spring_wang/p/6140031.html

SNF開發平台WinForm之十三-單獨從伺服器上擷取PDF檔案進行顯示http://www.cnblogs.com/spring_wang/p/6140025.html

SNF開發平台WinForm之十二-發送手機短信功能調用http://www.cnblogs.com/spring_wang/p/6139829.html

SNF開發平台WinForm之十一-程式打包http://www.cnblogs.com/spring_wang/p/6139827.html

SNF開發平台WinForm之十-Excel導入http://www.cnblogs.com/spring_wang/p/6128604.html

SNF開發平台WinForm之九-代碼生成器使用說明http://www.cnblogs.com/spring_wang/p/6128595.html

SNF開發平台WinForm之八-自動更新程式部署使用說明http://www.cnblogs.com/spring_wang/p/6128570.html

SNF開發平台WinForm之七-單據列印和使用說明http://www.cnblogs.com/spring_wang/p/6126016.html

SNF開發平台WinForm之六-上傳下載下傳元件使用http://www.cnblogs.com/spring_wang/p/6125929.html

SNF開發平台WinForm之五-進階查詢使用說明-http://www.cnblogs.com/spring_wang/p/6116640.html

SNF開發平台WinForm之四-開發-主細表管理頁面-http://www.cnblogs.com/spring_wang/p/6116626.html

SNF開發平台WinForm之三-開發-單表選擇控件建立-http://www.cnblogs.com/spring_wang/p/6116592.html

SNF開發平台WinForm之二-開發-單表表單管理頁面-http://www.cnblogs.com/spring_wang/p/6116572.html

SNF開發平台WinForm之一-開發-單表表格編輯管理頁面-http://www.cnblogs.com/spring_wang/p/6116523.html

Winform開發架構之通用Windows攝像頭調用拍照http://www.cnblogs.com/spring_wang/p/6008674.html

Winform開發架構之圖表報表線上設計器2-圖表-SNF.EasyQuery項目--SNF快速開發平台3.3-Spring.Net.Framework

Winform開發架構之圖表報表線上設計器-報表-SNF.EasyQuery項目--SNF快速開發平台3.3-Spring.Net.Framework

Winform開發架構之通用附件管理子產品 --SNF快速開發平台3.3-Spring.Net.Framework

SNFAutoupdater通用自動更新元件V2.0-WinForm

SNF快速開發平台3.2之--.Net可擴充的單據編号生成器-SNF.CodeRule

SNF快速開發平台3.1之--稽核流(3)低調奢華,簡單不凡,執行個體示範-SNF.WorkFlow

SNF快速開發平台3.1之--稽核流(2)流程設計-SNF.WorkFlow功能使用說明

SNF快速開發平台3.1之--稽核流(1)SNF.WorkFlow稽核流簡介

SNF快速開發平台3.0之--完美的代碼生成器SNF.CodeGenerator-快速開發者的利器

基于MVC4+EasyUI的Web開發架構--Spring.Net.FrameworkV3.0總體介紹

SNF快速開發平台3.0之--MVC 列印解決方案

SNF快速開發平台3.0之--檔案批量上傳-統一附件管理器-線上預覽檔案(有網際網路和沒有兩種)

SNF快速開發平台3.0之--asp.net mvc4 強大的導出和不需要上傳檔案的批量導入EXCEL

SNF快速開發平台3.0之MVC通用控件庫展示-Asp.net+MVC4.0+WebAPI+EasyUI+Knockout

SNF快速開發平台3.0之BS頁面展示和九大優點-部分頁面顯示效果-Asp.net+MVC4.0+WebAPI+EasyUI +Knockout

SNF快速開發平台3.0之-界面個性化配置+10種皮膚+7種菜單-Asp.net+MVC4.0+WebAPI+EasyUI+Knockout

SNF快速開發平台3.0之-CS頁面-Asp.net+Spring.Net.Framework

SNF快速開發平台3.0之--系統裡廣播的作用--迅速及時、簡明扼要的把資訊發送給接收者

繼續閱讀