【正文】 ndtable class=RC_DATACELL_TABLETHEAD class=RC_DATACELL_HEADTR class=RC_FIXHEADTH name=tsbm width=160圖書編碼/THTH name=tsly width=160圖書來源/THTH name=grrq width=160購入日期/THTH name=grjg width=60購入價(jià)格/THTH name=cfwz width=160存放位置/THTH name=tszt width=100圖書狀態(tài)/THTH name=yshfwidth=60已損壞否/TH/TR/THEADtbody class=RC_DATACELL_BODYtrTD width=160 name=TSBM editor=textEditor eos_isnull=false eos_maxsize=32 eos_displayname=圖書編碼/TDTD width=160 name=TSLY editor=selectTSLY eos_displayname=圖書來源/TDTD width=160 name=GRRQ editor=calendarEditor format=yyyyMMdd/TDTD width=60 name=GRJG editor=textEditor eos_datatype=double(18,2) eos_displayname=購入價(jià)格/TDTD width=190 name=CFWZ editor=textEditor eos_maxsize=100 eos_displayname=存放位置/TDTD width=100 name=TSZT editor=textEditor/TDTD width=60 name=YSHF editor=checkBoxEditor(1:0) defaultValue=0/TD DataCell 使用經(jīng)驗(yàn)總結(jié) 第 23 頁 共 34 頁/tr/tbody/TABLE/datacell:datacellscriptfunction initParam(cell) {(clickPos,[])。}function clickPos(row) {var TSID= (TSID)。(PX_TS/TSID).value = TSID。 = PX_TSLBTSIDcriteriavalue+TSID+/value/criteria/TSID/PX_TSLB。()。}function cellFresh(cell, fieldName, entity) {var value = ( fieldName )。if (isFirst) {isFirst = false。_datacell_selectRow()。}}function initParam2(secondtable) { = addDataColumn。 = _datacell_addrow。}function addDataColumn() {var tsid = (PX_TS/TSID).value。if (tsid == null || tsid == ) {alert(請選中一條圖書記錄！！)。return。}()。var newEntity = []。(TSID,trim(tsid))。()。 DataCell 使用經(jīng)驗(yàn)總結(jié) 第 24 頁 共 34 頁}/script上圖： 存在問題同一頁面使用多個(gè) DataCell 一定要考慮頁面執(zhí)行效率問題，如果表字段過多，而且都需要在頁面維護(hù)，建議使用其他方式實(shí)現(xiàn)，避免因?yàn)樽侄螖?shù)量過大影響頁面操作。 DataCell 按鈕 Tip 功能要求為 DataCell 功能按鈕增加 Tip，給操作員較友好的提示。 實(shí)現(xiàn)原理DateCell 導(dǎo)航條(pilot)功能按鈕已經(jīng)響應(yīng)了 onmouseover 事件，在事件中加入對按鈕名稱的翻譯和顯示就可以達(dá)到我們需要的效果。 DataCell 使用經(jīng)驗(yàn)總結(jié) 第 25 頁 共 34 頁 實(shí)現(xiàn)方式1． 加入頁面對象顯示提示函數(shù)//根據(jù)頁面對象彈出提示方法//X,Y 參數(shù)表示鼠標(biāo)的屏幕坐標(biāo)，調(diào)用時(shí)直接輸入 ,//劉聲斌 add 20221117var oPopup = ()。//obj 為需顯示名稱的頁面對象function tip(X,Y,obj){ with () { =12px。=lightyellow。=solid black 1px。 //tip_name 函數(shù)為新增的名稱轉(zhuǎn)換函數(shù)，見下一節(jié)innerHTML=tip_name()。var wid = 。wid = wid*13。} // (X 軸位置, Y 軸位置, 寬度, 高度, 顯示內(nèi)容)(X, Y30, wid, 18, )。}2． 加入名稱轉(zhuǎn)換函數(shù)此函數(shù)根據(jù)傳入的按鈕名稱返回中文提示內(nèi)容。function tip_name(ename){var ret = 提示switch( ename ){case firstPage : {ret = 首頁break。}case prePage : {ret = 前一頁break。}case nextPage : { DataCell 使用經(jīng)驗(yàn)總結(jié) 第 26 頁 共 34 頁ret = 后一頁break。}case lastPage : {ret = 尾頁break。}case addrow : {ret = 增加break。}case deleterow : {ret = 刪除break。}case submit : {ret = 保存break。}case reset : {ret = 刷新break。}}return ret。}3．修改導(dǎo)航條功能按鈕鼠標(biāo)響應(yīng)事件紅字為加入的代碼。function _pilot_button_onmouseover(){ = true。var button = 。 //調(diào)用 tip 函數(shù)，傳入頁面對象 X,Y 軸位置和按鈕對象tip( ,button)。button_switchImg( button, 1 )。} DataCell 使用經(jīng)驗(yàn)總結(jié) 第 27 頁 共 34 頁4．頁面效果 Form 與 DataCell 聯(lián)合使用的解決方案 功能要求實(shí)現(xiàn)對主從表記錄維護(hù)的功能，維護(hù)主表信息的同時(shí)維護(hù)明細(xì)表記錄，并在同一事務(wù)中實(shí)現(xiàn)數(shù)據(jù)提交。 實(shí)現(xiàn)原理EOS 中最方便實(shí)現(xiàn)主從記錄維護(hù)的方式就是表單(Form)與 DataCell 相結(jié)合，同時(shí)提交 Form 和 DataCell 的信息。我們可以通過 Javascript 將 DataCell 中記錄數(shù)據(jù)變更的節(jié)點(diǎn)值放入表單中一個(gè)隱藏的表單域，然后在表單提交時(shí)與表單數(shù)據(jù)一起保存到數(shù)據(jù)庫。 實(shí)現(xiàn)方式開源框架 fbframe 中角色管理頁面是 DataCell 實(shí)現(xiàn)，我們在這個(gè)功能基礎(chǔ)上進(jìn)行一些修改來演示這個(gè)實(shí)現(xiàn)方案。在角色管理 DataCell 上方加入一個(gè) Form 和一個(gè) Javascript 函數(shù)，注意不要將DataCell 包含在 Form 中，否則頁面會(huì)出現(xiàn)錯(cuò)誤。! 為表單提交的展現(xiàn)邏輯 form name=queryFrm action= DataCell 使用經(jīng)驗(yàn)總結(jié) 第 28 頁 共 34 頁tr class=fb_add_contenttd應(yīng)用 ID：input type=39。text39。 name=39。DEMO/APP_ID39。 size=39。1039。應(yīng)用名稱：input type=39。text39。 name=39。DEMO/APP_NAME39。 size=39。1039。 ! 保存按鈕調(diào)用下面新增的 javascript 函數(shù) Submitinput type=button value=保存 onclick=javascript:Submit()。!— 新增存放 DataCell 數(shù)據(jù)變更節(jié)點(diǎn)的隱藏表單域 input type=hidden name=DEMO/detailXml value= /td/tr/formscriptfunction Submit(){//根據(jù) XML 節(jié)點(diǎn)形式拼接字符串，將 datacell 中取得的各個(gè)節(jié)點(diǎn)值拼接到字符串中，eosLogicTable 為DataCell 名稱var datacell_data = rootdataupdateEntity + ().toString() + /updateEntityinsertEntity + ().toString() + /insertEntityremoveEntity + ().toString() + /removeEntity/data/root。 //將拼接的字符串放入隱藏表單域[DEMO/detailXml ].value = datacell_data。()。}/script!— 原 代碼 datacell:datacell tableId=eosLogicTable entityType=EOSRole queryAction= xpath=list onrefresh=cellRefresh initParamFunction=initRoleListtable cellpadding=0 border=0 cellspacing=0trtd class=fb_result_headdatacell:pilot submitAction= width=100//td/tr/tabletable id=eosLogicTable class=fb_result cellpadding=0 cellspacing=1theadtrth width=100 name=roleID class=fb_result_head角色編號(hào)/TH DataCell 使用經(jīng)驗(yàn)總結(jié) 第 29 頁 共 34 頁th width=140 name=roleName class=fb_result_head角色名稱/THth width=70 name=operate class=fb_result_head操作/TH/tr/theadtbody class=RC_DATACELL_BODYtrtd width=100 name=roleID editor=textEditor eos_isnull=false eos_maxsize=20 eos_displayname=角色編號(hào) modify=false/TDtd width=140 name=roleName nowrap editor=textEditor eos_isnull=false eos_maxsize=40 eos_displayname=角色名稱/TDtd width=70 name=operate align=center/TD/tr/tbody/table/datacell:datacell頁面效果如下。新增表單提交的展現(xiàn)邏輯(因?yàn)槲覀儍H演示 Form 與 DataCell 同時(shí)提交，簡化了實(shí)現(xiàn)的功能)。新增業(yè)務(wù)邏輯 bizDemoDataCell，傳入?yún)?shù)為 DEMO 的 Entity 節(jié)點(diǎn)， Dat