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"));//获取当前状态
}
-----------------------------------------------------------------------------------------------------------------------------------------------------
这个系列教程文档，欢迎转载：
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之--文件批量上传-统一附件管理器-在线预览文件(有互联网和没有两种)
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
作者： 王春天
QQ群：322581894 关于作者： 大连天翼信息科技有限公司 技术总监。 SNF快速开发平台 创始人。应用平台架构师、IT规划咨询专家、业务流程设计专家。 专注于快速开发平台的开发、代码生成器。同时专注于微软平台项目架构、管理和企业解决方案，多年项目开发与管理经验，精通DotNet系列技术Vue、.NetCore、MVC、Webapi、C#、WinForm等，DB（SqlServer、Oracle等）技术，移动端开发。熟悉Java、VB及PB开发语言。在面向对象、面向服务以及数据库领域有一定的造诣。现从事项目实施、开发、架构等工作。并从事用友软件产品U8、U9、PLM 客开工作。 如有问题或建议，请多多赐教！ 本文版权归作者和CNBLOGS博客共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，如有问题，可以通过邮箱或QQ 联系我，非常感谢。
