ecology8開(kāi)發(fā)規(guī)范V4_第1頁(yè)
ecology8開(kāi)發(fā)規(guī)范V4_第2頁(yè)
ecology8開(kāi)發(fā)規(guī)范V4_第3頁(yè)
ecology8開(kāi)發(fā)規(guī)范V4_第4頁(yè)
ecology8開(kāi)發(fā)規(guī)范V4_第5頁(yè)
已閱讀5頁(yè)，還剩3頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、ecology8開(kāi)發(fā)規(guī)范1、關(guān)于topTitle上的使用：紅色部分的樣式不要修改，按照這個(gè)格式來(lái)1、按照如下格式定義好toptitle的內(nèi)容：<table id="topTitle" cellpadding="0" cellspacing="0"><tr><td></td><td class="rightSearchSpan" style="text-align:right;"><%if(canEdit) %><inp

2、ut type=button class="e8_btn_top" onclick="onSave();" value="<%=SystemEnv.getHtmlLabelName(86, user.getLanguage()%>"></input><% %><%if(HrmUserVarify.checkUserRight("DocSubCategoryAdd:add", user) %><input type=button class="e8

3、_btn_top" onclick="openDialog3(<%=id %>);" value="<%=SystemEnv.getHtmlLabelName(82,user.getLanguage()+SystemEnv.getHtmlLabelName(66,user.getLanguage()%>"></input><% %><input type="text" class="searchInput" name="flowTitl

4、e" value="<%=qname %>"/> <span id="advancedSearch" class="advancedSearch">高級(jí)搜索</span><span title="菜單" class="cornerMenu"></span></td></tr></table><div class="advancedSearchDiv" id=&

5、quot;advancedSearchDiv" style="display:none;" >.</div>2、頁(yè)面加載完成時(shí)調(diào)用如下方法jQuery("#topTitle").topMenuTitle(searchFn:onBtnSearchClick);jQuery("#hoverBtnSpan").hoverBtn();其中：searchFn參數(shù)是提供全文搜索用的方法，傳入自己定義的方法名稱即可；高級(jí)搜索根據(jù)情況需要就添加，不需要就不要添加；如果有高級(jí)搜索條件，那么所有的條件都請(qǐng)放置在<div

6、class="advancedSearchDiv" id="advancedSearchDiv" style="display:none;" >.</div>中1.1 高級(jí)搜索中底部按鈕列的td請(qǐng)按照以下格式書(shū)寫(xiě)<wea:group context="" attributes="'groupDisplay':'none'"><wea:item type="toolbar"><input type=

7、"button" onclick="doRefresh(this)" value="<%=SystemEnv.getHtmlLabelName(197,user.getLanguage()%>" class="e8_btn_submit"/><input type="button" value="<%=SystemEnv.getHtmlLabelName(2022,user.getLanguage()%>" class="e8_b

8、tn_cancel" onclick="resetCondtion();"/><input type="button" value="<%=SystemEnv.getHtmlLabelName(31129,user.getLanguage()%>" class="e8_btn_cancel" id="cancel"/></wea:item></wea:group>2、高級(jí)搜索中的按鈕樣式應(yīng)用：取消或者重置按鈕，請(qǐng)使用樣式e8_btn

9、_cancel，其他按鈕請(qǐng)使用樣式e8_btn_submit如：<input type="button" onclick="jQuery('#isentrydetail').val('0');checkSubmit();" class="zd_btn_submit" id="zd_btn_submit" value="保存"><input type="button" onclick="parentWin.closeD

10、ialog();" class="zd_btn_cancle" id="zd_btn_cancle" value="取消">3、關(guān)于布局和表單基本信息所用的樣式問(wèn)題：a）表單基本信息頁(yè)的樣式請(qǐng)使用ViewForm，如：這種頁(yè)面請(qǐng)使用<table class="ViewForm"></table>另外，需要白色背景的td，請(qǐng)?zhí)砑覨ield樣式，如<td class="Field"></td>b）非表單基本信息布局用的樣式請(qǐng)使用Layo

11、utTable，如：上述這種僅僅是布局用的table，請(qǐng)使用<table class="LayoutTable"></table>4、關(guān)于彈出框中的按鈕的樣式應(yīng)用：取消或者關(guān)閉按鈕，請(qǐng)使用樣式zd_btn_cancel，其他按鈕請(qǐng)使用樣式zd_btn_submit如：<input class="e8_btn_submit" value="搜索" type="submit"><input value="重置" class="e8_btn_canc

12、el" onclick="resetCondtion();" type="button"><input value="取消" class="e8_btn_cancel" id="cancel" type="button">5、關(guān)于彈出框時(shí)，彈出層頁(yè)面需要做的一些特殊處理：為了固定底牌按鈕的位置，需要添加一些特殊標(biāo)志來(lái)進(jìn)行計(jì)算具體格式如下(紅色部分的格式固定不變)：<body><%if("1".equals(is

13、Dialog) %><div class="zDialog_div_content"><% %>/具體內(nèi)容部分<%if("1".equals(isDialog) %></div><div id="zDialog_div_bottom" class="zDialog_div_bottom"><wea:layout needImportDefaultJsAndCss="false"><wea:group contex

14、t="" attributes=""groupDisplay":"none""><wea:item type="toolbar"> <input type="button" accessKey=2 id=btnclose value="<%=SystemEnv.getHtmlLabelName(309,user.getLanguage()%>" id="zd_btn_cancel" class=&qu

15、ot;zd_btn_cancle" onclick="dialog.close()"></wea:item></wea:group></wea:layout></div><script type="text/javascript">resizeDialog(document);</script><% %></BODY>6、關(guān)于二選一checkbox框的美化使用效果圖如下：具體使用如下：引入如下css和js：<link href="

16、;/js/checkbox/jquery.tzCheckbox.css" type=text/css rel=STYLESHEET><script language=javascript src="/js/checkbox/jquery.tzCheckbox.js"></script>調(diào)用以下代碼：jQuery(document).ready(function()jQuery("inputtype=checkbox").each(function()if(jQuery(this).attr("tzChec

17、kbox")="true")jQuery(this).tzCheckbox(labels:'','');););/checkbox框需要增加紅色部分的屬性<INPUT type="checkbox" tzCheckbox="true" class=InputStyle name="norepeatedname" value="1"7、關(guān)于頁(yè)面中間的添加和刪除按鈕的樣式：添加按鈕樣式：class="addbtn"，刪除按鈕樣式：c

18、lass="delbtn"<input class="addbtn" accesskey="A" onclick="addNewRow();" title="添加" type="button"><input class="delbtn" accesskey="E" onclick="deleteSelectedRow();" title="刪除" type="butto

19、n">8、關(guān)于E8新增的js/css 圖片靜態(tài)資源命名規(guī)則 新增加的圖片資源、js、css文件必須增加_wev8作為后綴，以和E7的文件相區(qū)分。 引用資源文件的地方也必須加后綴處理。 如：如增加一個(gè)css文件crudoc，正確的做法：正確：crudoc_wev8.css錯(cuò)誤：crudoc.css如果要在頁(yè)面上引用該文件，正確的做法如下：正確：<LINK href="/css/crudoc_wev8.css" type=text/css rel=STYLESHEET>錯(cuò)誤：<LINK href="/css/crudoc.css&qu

20、ot; type=text/css rel=STYLESHEET>9、關(guān)于公共引用的幾個(gè)jsp文件的引用規(guī)范：老的文件：/systeminfo/init.jsp/systeminfo/TopTitle.jsp/systeminfo/RightClickMenuConent.jsp/systeminfo/RightClickMenu.jsp在E8中全部重命名為以下文件：/systeminfo/init_wev8.jsp/systeminfo/TopTitle_wev8.jsp/systeminfo/RightClickMenuConent_wev8.jsp/systeminfo/Right

21、ClickMenu_wev8.jsp在E8的開(kāi)發(fā)及新的二次開(kāi)發(fā)中，請(qǐng)引用重命名后的文件。<% include file="/systeminfo/init_wev8.jsp" %><% include file="/systeminfo/TopTitle_wev8.jsp" %><% include file="/systeminfo/RightClickMenuConent_wev8.jsp" %><% include file="/systeminfo/RightClickMen

22、u_wev8.jsp" %>10、E8后續(xù)的開(kāi)發(fā)的文件編碼一定使用UTF-8編碼，不能再使用GBK編碼！正確：<% page language="java" contentType="text/html; charset=UTF-8" %>錯(cuò)誤：<% page language="java" contentType="text/html; charset=GBK" %>11、在前端定位時(shí)，盡可能少用絕對(duì)定位，如果要使用絕對(duì)定位，也請(qǐng)把絕對(duì)定位設(shè)定在一個(gè)范圍內(nèi)如：<div

23、 style=”position:relative;width:100px;height:100px;”> <div style=”position:absolute;width:50px;height:50px;left:10px;”>test</div></div>12、關(guān)于workflow_browserUrl表的修改，必須在192.168.7.114開(kāi)發(fā)平臺(tái)申請(qǐng)后才能修改！13、以下變量不可定義成全局變量：_weaverTreeNamespace_jNiceNamespace_tabNamespace_browserNamespace_zTre

24、eNamespace_defaultTemplNamespace_xTreeNamespace_14、IE8下開(kāi)發(fā)規(guī)范集錦針對(duì)IE8標(biāo)準(zhǔn)模式，需要完全使用標(biāo)準(zhǔn)寫(xiě)法，包括樣式。以下是一些ie8標(biāo)準(zhǔn)規(guī)范的寫(xiě)法：1、對(duì)于所有的寬度或者高度等設(shè)置（包括padding，margin等），除0之外，所有的度量單位都必須加單位（如29px）結(jié)尾；如：正確：padding:2px 0 2px 20px;錯(cuò)誤：padding:2 0 2 20;2、對(duì)于background的寫(xiě)法，不能增加rgba(0,0,0)屬性，該屬性是css3標(biāo)準(zhǔn)，ie8暫不支持正確：background:url(listbox/open2

25、.png) no-repeat scroll 0 50%;錯(cuò)誤：background:url(listbox/open2.png) no-repeat scroll 0 50% rgba(0,0,0);3、對(duì)于class名字，大小寫(xiě)敏感。即使用的樣式名必須和定義的樣式名保持一致。定義：button.Calendarbackground-image:url(general/calendar.png)引用： 正確：class="Calendar" 錯(cuò)誤：class="calendar"4、對(duì)于非塊級(jí)元素，使用background時(shí)必須指定圖片的寬度和高度，或者指定元素的寬度和高度；5、對(duì)于td元素，使用跨列時(shí)不能指定display為block或者inline-block，不然會(huì)導(dǎo)致跨列失效；6、所有的document.all修改為$GetEle方法調(diào)用，有id的元素可以使用jQuery獲取（建議使用jQuery來(lái)操作dom對(duì)象）； 如document.all("test")，修改為$GetEle("test")7、對(duì)于設(shè)定元素的高度與寬度時(shí)，建議全部改用jQuery的方法進(jìn)行設(shè)定

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論