【正文】 _ID/SYS_IP_COMPANY。\。amp。彈出的模態(tài)窗口提供復(fù)雜查詢篩選。 //得到行數(shù)據(jù)對象var entity = 。}else{alert(請先選擇一個計費類型組！)。 var idValue = getSelectedValues(39。RATE_ID39。 onclick=\javascript:select_Rate(+rIndex+,+cIndex+,39。,+ss1+)。TYPE_GROUP_USG39。 實現(xiàn)方式1． 創(chuàng)建 DataCelldatacell:datacell initParamFunction=initRateUsagesList onrefresh=cellRefresh xpath=listqueryAction= entityType=RATE_USAGES tableId=eosLogicTabletable width=100% cellpadding=0 cellspacing=0 border=0trtd class=fb_result_headdatacell:pilot submitAction= width=100% //td/tr/tabletable width=100% cellpadding=0 class=fb_result cellspacing=1 id=eosLogicTabletheadtrth colspan=2 width=50% name=TYPE_GROUP_USG class=fb_result_head計費類型組/thth colspan=3 width=50% name=RATE_ID class=fb_result_head費率/thth /th/tr/theadtbody class=RC_DATACELL_BODY DataCell 使用經(jīng)驗總結(jié) 第 12 頁 共 34 頁tr !—仔細(xì)看這兩端紅色的代碼，表頭 TYPE_GROUP_USG 下的單元格分為了兩部分，前一個單元格TYPE_GROUP_USG_NAME 存放選擇后的返回值，后一個單元格 queryUsgGrp 預(yù)留放置選擇按鈕td modify=false eos_displayname=計費類型組 width=40% nowrap name=TYPE_GROUP_USG_NAME eos_isnull=false/tdtd width=10% name=queryUsgGrp/TDtd eos_displayname=費率 width=40% nowrap name=RATE_NAME eos_isnull=false/tdtd width=10% name=queryRate/TDtd modify=false eos_displayname=add width=0% style=width:0px。if (. != ) {var queryValue = . 。text39。ASC39。 //刪除按鈕(datacellname_deleterow).=none。 使用方式將下列 javacript 代碼置于頁面 DataCell 標(biāo)簽之后將隱藏所有功能按鈕。如果表字段超過 20 個，使用 DataCell 實現(xiàn)不但影響頁面顯示效果，而且一個頁面顯示的數(shù)據(jù)量過多會造成客戶端打開頁面緩慢，得不償失，建議使用普通 JSP 查詢列表方式實現(xiàn)。 DataCell 使用經(jīng)驗總結(jié) 第 6 頁 共 34 頁2 簡介 場景描述在實際應(yīng)用中，如果 Web 界面需要良好的交互性而且要避免不斷刷新頁面的話，我們首先考慮的就是用 DateCell 實現(xiàn)這樣的功能，當(dāng)然我們需要排除下列不適合用 DataCell 實現(xiàn)的情況：1． 表字段過多(超過 20 個)。 DataCell 使用經(jīng)驗總結(jié) 第 7 頁 共 34 頁 實現(xiàn)原理在 DataCell 生成后在頁面將按鈕的顯示樣式置成不可見。 //新增按鈕(datacellname_addrow).=none。orderby ! filedname 為排序列的字段名 col1 order=39。姓名：input type=39。 = false。 實現(xiàn)原理利用 onrefresh 事件生成調(diào)用模態(tài)窗口的按鈕，并將單元格行和列座標(biāo)傳入調(diào)用模態(tài)窗口的 Js 函數(shù)，在模態(tài)窗口選擇相應(yīng)的值后通過數(shù)組形式返回 DataCell 所在頁面，最后利用行和列座標(biāo)將返回值回填至 DataCell。 onclick=\javascript:select_AddUsgGrp(+rIndex+,+cIndex+,39。TYPE_GROUP_USG39。選擇...39。 onclick=\javascript:select_QueryRate(+rIndex+,+cIndex+,39。)。 ()。}else{//根據(jù)傳入的行座標(biāo)得到操作的行var row = [rowIndex]。新增完畢后提供查看按鈕，提供彈出模態(tài)窗口查詢選擇的信息。switch( ){ //在操作列生成刷新地市信息管理 DataCell 的按鈕case operator: {if (provid != null amp。)。此實現(xiàn)中拼接 XML 節(jié)點方式與 查詢功能實現(xiàn)一致function reloadParams(entityName,descName){ //將傳入的省名稱放入頁面指定位置,如 Id 為 label_entity_desc 的頁面元素中，提示用戶當(dāng)前操作的是歸屬哪個省的地市信息(label_entity_desc).innerHTML = 【 + descName + 】。eos_isnull=true eos_maxsize=64 eos_displayname=操作員姓名39。] width=150 height=110TABLE id=optionsTable class=RC_DATACELL_OPTIONTABLEtbodytrTD width=20 name=businID/TDTD width=60 name=businName/TD/tr/tbody/TABLE/richclient:optionTable/richclient:selectEditordatacell:datacell tableId=secondtable pageCount=10 entityType=PX_TSLB queryAction= xpath=list2 onrefresh=cellFresh2 editableCount=100initParamFunction=initParam2datacell:pilot submitAction= width=100% /TABLE id=secondtable 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購入價格/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=購入價格/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)驗總結(jié) 第 23 頁 共 34 頁/tr/tbody/TABLE/datacell:datacellscriptfunction initParam(cell) {(clickPos,[])。}}function initParam2(secondtable) { = addDataColumn。()。 //tip_name 函數(shù)為新增的名稱轉(zhuǎn)換函數(shù)，見下一節(jié)innerHTML=tip_name()。}case lastPage : {ret = 尾頁break。var button = 。! 為表單提交的展現(xiàn)邏輯 form name=queryFrm action= DataCell 使用經(jīng)驗總結(jié) 第 28 頁 共 34 頁tr class=fb_add_contenttd應(yīng)用 ID：input type=39。 name=39。}/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角色編號/TH DataCell 使用經(jīng)驗總結(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=角色編號 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