監(jiān)理公司管理系統(tǒng) | 工程企業(yè)管理系統(tǒng) | OA系統(tǒng) | ERP系統(tǒng) | 造價(jià)咨詢管理系統(tǒng) | 工程設(shè)計(jì)管理系統(tǒng) | 甲方項(xiàng)目管理系統(tǒng) | 簽約案例 | 客戶案例 | 在線試用
X 關(guān)閉
OA系統(tǒng)二次開發(fā)

當(dāng)前位置：工程項(xiàng)目OA系統(tǒng) > 泛普服務(wù)體系 > OA系統(tǒng)二次開發(fā)

OA辦公系統(tǒng)HTML模式使用說明書

申請(qǐng)免費(fèi)試用、咨詢電話：400-8352-114

泛普OA辦公系統(tǒng)HTML模式使用說明書
2 引言
2.1 編寫目的
方便項(xiàng)目、客戶、開發(fā)人員進(jìn)行html腳本編寫。
2.2 定義
 
 
 
3OA協(xié)同辦公 HTML模版
3.1 使用
Html模版里面腳本涉及到的field id應(yīng)該跟客戶現(xiàn)場(chǎng)的field id一致. 開發(fā)環(huán)境、測(cè)試環(huán)境的field id可能和客戶現(xiàn)場(chǎng)的不一致，需要修改成客戶現(xiàn)場(chǎng)的field id。
流程節(jié)點(diǎn)html模版配置表workflow_nodehtmllayout
Workflowid 流程id
nodeid      節(jié)點(diǎn)id
syspath     流程html模版保存路徑.可以直接通過修改這個(gè)文件來對(duì)html模版進(jìn)行修改，和在編輯器里面對(duì)模版修改的效果一樣。
3.2 明細(xì)處理
<script language="javascript">
jQuery(document).ready(function(){
//明細(xì)1處理   
//明細(xì)1對(duì)應(yīng)#nodesnum0明細(xì)2對(duì)應(yīng)#nodesnum1，如此類推
    jQuery("#nodesnum0").bind("propertychange",function(){
bindfee(1);
    });
    bindfee(2);
})
 
//處理明細(xì)1
function bindfee(value){
    var indexnum0 = 0;
    if(document.getElementById("indexnum0")){
indexnum0 = document.getElementById("indexnum0").value * 1.0 - 1;
    }
    if(indexnum0>=0){
if(value==1){ //當(dāng)前添加的行 
//點(diǎn)明細(xì)1的“添加”按鈕時(shí)，對(duì)新增明細(xì)字段的處理
 //初始化發(fā)生日期 發(fā)生日期id=6147
   jQuery("#field6147_"+indexnum0).bind("propertychange",function(){
    dosomething…getFnaInfoData(indexnum0);
 });
}else if(value==2){//初始化
//已經(jīng)存在的明細(xì)，顯示之前對(duì)明細(xì)字段的處理
    for(var i=0;i<=indexnum0;i++){
//初始化發(fā)生日期 發(fā)生日期id=6147
        jQuery("#field6147_"+i).attr("indexno",i);
    jQuery("#field6147_"+i).bind("propertychange",function(){
    dosomething…getFnaInfoData(this.indexno);
    });    
  }
}
    }
}
</script>
3.3 Html表單提交校驗(yàn)
重寫checkCustomize()方法 返回false表單不會(huì)提交，返回true表單會(huì)提交。
<script type="text/javascript">
jQuery(document).ready(function(){
checkCustomize = function (){
return false;
}
});
</script>
或者
<script language="JavaScript">
window.attachEvent("onload", testreload);
function testreload(){
checkCustomize = function (){ 
return false;
}
}
</script>
3.4 從數(shù)據(jù)庫同步查詢數(shù)據(jù)
//+---------------------------------------------------  
//|根據(jù)人力資源id，得到人員名稱，帶超鏈接 
//+---------------------------------------------------  
 
function gethrmname(hrmid){
var returnname = "";
jQuery.ajax({
url : "/hrm/resource/HrmGetNameAjax.jsp",
type : "post",
async : false,
processData : false,
data : "hrmid="+hrmid,
dataType : "html",
success: function do4Success(msg){
returnname = "<a href='javaScript:openhrm("+hrmid+");' onclick='pointerXY(event);'>"
+msg.trim()+"</a>";
}
});
return returnname;
}
頁面HrmGetNameAjax.jsp：
<%@ page language="java" contentType="text/html; charset=GBK" %>
<%@ page import="OA.general.*,OA.conn.*,java.util.*" %>
<jsp:useBean id="rs" class="OA.conn.RecordSet" scope="page" />
<%
int hrmid  = Util.getIntValue(request.getParameter("hrmid"),0);
String sql = "select lastname from HrmResource where id="+hrmid;
rs.executeSql(sql);
String hrmName = "";
if(rs.next()){
hrmName = rs.getString("lastname") ;
}
%>   
<%=hrmName%>
 
4 常用方法
4.1 JS常用方法
alert(變量)    彈出提示框
 
confirm(變量)  彈出確認(rèn)框
 
prompt(變量)  彈出輸入提示框
 
trim()  去掉字符串開頭和末尾的空格
 
parseInt()   強(qiáng)制轉(zhuǎn)換成整型
 
parseFloat()  制轉(zhuǎn)換成浮點(diǎn)型
 
isNaN(變量)  測(cè)試是否為數(shù)值型
 
length  取得長度,返回整型數(shù)值  
 
string.toLowerCase()  使字符串全部變?yōu)樾?/div>
 
string.toUpperCase()  使全部字符變?yōu)榇髮?/div>
 
string.substr(start[,length])  取從第幾位到指定長度的字符串
 
string.split(分隔符)  返回一個(gè)數(shù)組存儲(chǔ)值
 
string.replace(regExpression,replaceString)  替換現(xiàn)有字符串
 
string.lastIndexOf(searchString[,startIndex])  最后一次出現(xiàn)的位置
 
window.location.reload()刷新當(dāng)前頁面
 
window.history.back()返回上一頁
 
window.history.forward()返回下一頁 
4.2 JQuery常用方法
Attribute：
jQuery (”p”).addClass(css中定義的樣式類型);   給某個(gè)元素添加樣式
jQuery (”元素名稱”).removeClass(”class”);  給某元素刪除指定的樣式
jQuery(”img”).attr(”src”,”test.jpg”);   給某個(gè)元素添加屬性/值
jQuery(”img”).attr({src:”test.jpg”,alt:”test Image”});   給某個(gè)元素添加屬性/值，參數(shù)是map
jQuery(”img”).attr(”title”, function() { return this.src });   給某個(gè)元素添加屬性/值
jQuery(”元素名稱”).html();   獲得該元素內(nèi)的內(nèi)容（元素，文本等）
jQuery(”元素名稱”).html(”<b>new stuff</b>”);   給某元素設(shè)置內(nèi)容
jQuery(”元素名稱”).removeAttr(”屬性名稱”)   給某元素刪除指定的屬性以及該屬性的值
jQuery(”元素名稱”).text();   獲得該元素的文本
jQuery(”元素名稱”).text(value);   設(shè)置該元素的文本值為value
jQuery(”元素名稱”).toggleClass(class)   當(dāng)元素存在參數(shù)中的樣式的時(shí)候取消,如果不存在就設(shè)置此樣式
jQuery(”input元素名稱”).val();   獲取input元素的值
jQuery(”input元素名稱”).val(value);   設(shè)置input元素的值為value
 
Manipulation：
jQuery(”元素名稱”).after(content);   在匹配元素后面添加內(nèi)容
jQuery(”元素名稱”).append(content);   將content作為元素的內(nèi)容插入到該元素的后面
jQuery(”元素名稱”).appendTo(content);   在content后接元素
jQuery(”元素名稱”).before(content);   與after方法相反
jQuery(”元素名稱”).clone(布爾表達(dá)式)  當(dāng)布爾表達(dá)式為真時(shí)，克隆元素（無參時(shí)，當(dāng)作true處理）
jQuery(”元素名稱”).empty()  將該元素的內(nèi)容設(shè)置為空
jQuery(”元素名稱”).insertAfter(content);   將該元素插入到content之后
jQuery(”元素名稱”).insertBefore(content);  將該元素插入到content之前
jQuery(”元素”).prepend(content);   將content作為該元素的一部分，放到該元素的最前面
jQuery(”元素”).prependTo(content);   將該元素作為content的一部分，放content的最前面
jQuery(”元素”).remove();   刪除所有的指定元素
jQuery(”元素”).remove(”exp”);   刪除所有含有exp的元素
jQuery(”元素”).wrap(”html”);   用html來包圍該元素
jQuery(”元素”).wrap(element);   用element來包圍該元素
4.3 日期時(shí)間
//+---------------------------------------------------  
//| 求兩個(gè)日期的天數(shù)差 日期格式為 YYYY-MM-dd   
//+---------------------------------------------------  
function daysBetween(DateOne,DateTwo)  
{   
    var OneMonth = DateOne.substring(5,DateOne.lastIndexOf ('-'));  
    var OneDay = DateOne.substring(DateOne.length,DateOne.lastIndexOf ('-')+1);  
    var OneYear = DateOne.substring(0,DateOne.indexOf ('-'));  
  
    var TwoMonth = DateTwo.substring(5,DateTwo.lastIndexOf ('-'));  
    var TwoDay = DateTwo.substring(DateTwo.length,DateTwo.lastIndexOf ('-')+1);  
    var TwoYear = DateTwo.substring(0,DateTwo.indexOf ('-'));  
  
    var cha=((Date.parse(OneMonth+'/'+OneDay+'/'+OneYear)- Date.parse(TwoMonth+'/'+TwoDay+'/'+TwoYear))/86400000);   
    return Math.abs(cha);  
}  
4.4 金額轉(zhuǎn)換
//+---------------------------------------------------  
//| 將金額數(shù)字格式轉(zhuǎn)換成大寫漢字   
//+---------------------------------------------------  
function convertAmount(num) {   
  var strOutput = "";   
  var strUnit = '仟佰拾億仟佰拾萬仟佰拾元角分';   
  num += "00";   
  var intPos = num.indexOf('.');   
  if (intPos >= 0)   
    num = num.substring(0, intPos) + num.substr(intPos + 1, 2);   
  strUnit = strUnit.substr(strUnit.length - num.length);   
  for (var i=0; i < num.length; i++)   
    strOutput += '零壹貳叁肆伍陸柒捌玖'.substr(num.substr(i,1),1) + strUnit.substr(i,1);   
   return strOutput.replace(/零角零分$/, '整').replace(/零[仟佰拾]/g, '零').replace(/零{2,}/g, '零').replace(/零([億|萬])/g, '$1').replace(/零+元/, '元').replace(/億零{0,3}萬/, '億').replace(/^元/, "零元");   
} 
 
4.5 其它處理
//+---------------------------------------------------  
//| 替換字符 達(dá)到與java的replaceAll()一樣的效果     
//+---------------------------------------------------  
String.prototype.replaceAll = function(s1,s2) { 
    return this.replace(new RegExp(s1,"gm"),s2); 
}
 
發(fā)布：2006-04-22 13:57    編輯：泛普軟件 · admin    [打印此頁]    [關(guān)閉]
相關(guān)文章：