【文章內(nèi)容簡(jiǎn)介】 ass=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計(jì)費(fèi)類型組/thth colspan=3 width=50% name=RATE_ID class=fb_result_head費(fèi)率/thth /th/tr/theadtbody class=RC_DATACELL_BODY DataCell 使用經(jīng)驗(yàn)總結(jié) 第 12 頁(yè) 共 34 頁(yè)tr !—仔細(xì)看這兩端紅色的代碼，表頭 TYPE_GROUP_USG 下的單元格分為了兩部分，前一個(gè)單元格TYPE_GROUP_USG_NAME 存放選擇后的返回值，后一個(gè)單元格 queryUsgGrp 預(yù)留放置選擇按鈕td modify=false eos_displayname=計(jì)費(fèi)類型組 width=40% nowrap name=TYPE_GROUP_USG_NAME eos_isnull=false/tdtd width=10% name=queryUsgGrp/TDtd eos_displayname=費(fèi)率 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。 name=RATE_ID eos_isnull=true editor=textEditor/td/tr/tbody/table/datacell:datacell2． 編寫(xiě) onrefresh 事件 Js 函數(shù)生成調(diào)用模態(tài)窗口的按鈕。function cellRefresh( cell, fieldName, entity){switch( ){case queryUsgGrp :{ //取得行坐標(biāo)var rIndex = 。 //取得列坐標(biāo)var cIndex = 。var ss1 = (TYPE_GROUP_USG)。 //根據(jù)單元格的值是否存在判斷顯示選擇按鈕還是查看按鈕，按鈕 onclick 事件為自的多定義的Js 函數(shù) select_AddUsgGrp，傳入三個(gè)參數(shù)分別為當(dāng)前行座標(biāo)，列座標(biāo)和字段名稱if(ss1==){ = input type=button value=39。選擇...39。 onclick=\javascript:select_AddUsgGrp(+rIndex+,+cIndex+,39。TYPE_GROUP_USG39。)。\。break。}else{ = input type=button value=39。查看...39。 onclick=\javascript:select_QueryUsgGrp(+rIndex+,+cIndex+,39。TYPE_GROUP_USG39。,+ss1+)。\。break。}}case queryRate : DataCell 使用經(jīng)驗(yàn)總結(jié) 第 13 頁(yè) 共 34 頁(yè){var rIndex = 。var cIndex = 。var ss2 = (RATE_ID)。if(ss2 == ){ = input type=button value=39。選擇...39。 onclick=\javascript:select_Rate(+rIndex+,+cIndex+,39。RATE_ID39。)。\。break。}else{ = input type=button value=39。查看...39。 onclick=\javascript:select_QueryRate(+rIndex+,+cIndex+,39。RATE_ID39。,+ss2+)。\。break。}}default:break。}}3． 模態(tài)窗口選定值后返回函數(shù)function getSelect(){var nameValue = getSelectedTexts(39。detail39。)。 var idValue = getSelectedValues(39。detail39。)。if( != 1){var retArray = new Array()。 //返回?cái)?shù)組 0 位置存入選定值描述retArray[0] = nameValue。 //返回?cái)?shù)據(jù) 1 位置存入選定值代碼retArray[1] = idValue。 = retArray。 ()。}else{alert(請(qǐng)先選擇一個(gè)計(jì)費(fèi)類型組！)。}}4． 編寫(xiě)模態(tài)窗口調(diào)用 Js 函數(shù)，我們來(lái)看其中一個(gè)模態(tài)窗口調(diào)用函數(shù)。function select_AddUsgGrp(rowIndex, cellIndex,usgGrpID){var temp = 。 //模態(tài)窗口返回值定義var ret = showModalDialog(?DESCRIPTIONS/DESCRIPTION_DESC/criteria/value=+temp,status:false。dialogWidth:710px。dialogHeight:500px)。 DataCell 使用經(jīng)驗(yàn)總結(jié) 第 14 頁(yè) 共 34 頁(yè)if (!ret){// 沒(méi)有選擇直接返回return。}else{//根據(jù)傳入的行座標(biāo)得到操作的行var row = [rowIndex]。 //得到行數(shù)據(jù)對(duì)象var entity = 。//將返回的選定值編碼放入指定的行字段對(duì)象中(usgGrpID, ret[1])。 //將返回的選定值描述放入指定的行字段對(duì)象中(TYPE_GROUP_USG_NAME, ret[0])。 //在按鈕所在單元格對(duì)象值中放入選定值的編碼[cellIndex].value = ret[1]。 //在按鈕前一個(gè)單元格中插入選定值的描述[cellIndex1].innerHTML = ret[0]。 //行數(shù)據(jù)對(duì)象狀態(tài)設(shè)置為新增 //如果用戶要求選擇的值在保存后可以進(jìn)行修改，而不象本例中只能查看，可以將兩個(gè)按鈕名稱都修改為選擇，然后調(diào)用不同的 Js 函數(shù)，修改這最后一句代碼為 = ，即可實(shí)現(xiàn)新增和修改狀態(tài)下通過(guò)模態(tài)窗口取值 = 。}}5． 頁(yè)面實(shí)現(xiàn)效果新增記錄時(shí)提供選擇按鈕，提供彈出模態(tài)窗口查詢功能。新增完畢后提供查看按鈕，提供彈出模態(tài)窗口查詢選擇的信息。彈出的模態(tài)窗口提供復(fù)雜查詢篩選。 DataCell 使用經(jīng)驗(yàn)總結(jié) 第 15 頁(yè) 共 34 頁(yè)選擇后的返回選定值和描述信息回填至 DataCell。 存在問(wèn)題從模態(tài)窗口返回值的回填都是采用行和列座標(biāo)偏移的方式實(shí)現(xiàn)，編碼不直觀，而且容易出錯(cuò)。 DataCell 使用經(jīng)驗(yàn)總結(jié) 第 16 頁(yè) 共 34 頁(yè) 同一頁(yè)面使用多個(gè) DataCell 功能要求實(shí)現(xiàn)同一頁(yè)面使用兩個(gè)或者多個(gè) DataCell，主要用于主從表關(guān)聯(lián)操作。 實(shí)現(xiàn)原理在主表 DataCell 中利用 onrefresh 事件 Js 函數(shù)在指定列生成一個(gè)刷新子表 DataCell的按鈕，按鈕增加單擊響應(yīng) Js 函數(shù)，函數(shù)中通過(guò) reload 方法查詢刷新子表 DataCell 記錄，刷新子表的方式類似于 查詢功能實(shí)現(xiàn)。 實(shí)現(xiàn)方式以下通過(guò)一個(gè)省、地市管理功能來(lái)演示兩個(gè) DataCell 的關(guān)聯(lián)管理。1． 加入省信息管理 DataCell!—provFresh 函數(shù)中需要加入在操作列生成一個(gè)刷新地市管理 DataCell 按鈕的代碼 datacell:datacell initParamFunction=initProv onrefresh=provFresh xpath=listqueryAction= entityType=SYS_IP_PROVINCE tableId=provincetable 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=provincetheadtrth width=25% class=fb_result_head省編碼/thth width=40% class=fb_result_head說(shuō)明/thth width=25% class=fb_result_head地區(qū)代碼/thth width=10% class=fb_result_head操作/th/tr/theadtbody class=RC_DATACELL_BODYtr DataCell 使用經(jīng)驗(yàn)總結(jié) 第 17 頁(yè) 共 34 頁(yè)td eos_displayname=省編碼 width=25% eos_maxsize=6 name=PROVINCE_ID eos_isnull=false editor=textEditor/tdtd eos_displayname=說(shuō)明 width=40% eos_maxsize=256 name=NAME eos_isnull=false editor=textEditor/tdtd eos_displayname=地區(qū)代碼 width=10% eos_maxsize=1 name=REGION_ID eos_isnull=false editor=textEditor/tdtd width=15% name=operator/TD/tr/tbody/table/datacell:datacell2． 加入地市信息管理 DataCelldatacell:datacell initParamFunction=initCity onrefresh=cityFresh xpath=listqueryAction= entityType=SYS_IP_COMPANY tableId=citytable 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=citytheadtrth width=15% class=fb_result_head地市編碼/thth width=15% class=fb_result_head對(duì)應(yīng)電話區(qū)號(hào)/thth width=35% class=fb_result_head公司描述/thth width=35% class=fb_result_head描述/th/tr/theadtbody class=RC_DATACELL_BODYtrtd eos_display