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代码：

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"));//获取当前状态

}

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

作者： 王金斗出处： Email: spring_best@yeah.netQQ：903639067 QQ群：322581894

这个系列教程文档，欢迎转载：

SNF快速开发平台

SNF快速开发平台MVC-自由排序组件

SNF快速开发平台

SNF快速开发平台WinForm

SNF快速开发平台

SNF快速开发平台WinForm-

SNF快速开发平台MVC-

你可能感兴趣的文章