1. 單據狀态水印
1.1. 效果展示
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIn5GcuADOzAjN5cDM4ETL3ITN0QDNzgDMzIDOwcTMwITLyUjN4QzLchDM3EDMy8CXyUjN4QzLcd2bsJ2Lc12bj5ycn9Gbi52YucTMwIzcldWYtl2Lc9CX6MHc0RHaiojIsJye.png)
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之--系統裡廣播的作用--迅速及時、簡明扼要的把資訊發送給接收者