日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
關(guān)于自由流功能開發(fā)過程中前端的一些問題匯總

 之前一直從事C/S的開發(fā),關(guān)于B/S用到的一些技術(shù)是不熟悉的,現(xiàn)在在逐步學(xué)習中,希望通過及時總結(jié)加強理解和記憶。目前開發(fā)的系統(tǒng)使用的主要是JQuery、Stuts2、Spring。

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比威寧網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式威寧網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋威寧地區(qū)。費用合理售后完善,十多年實體公司更值得信賴。

關(guān)于自由流后端及Jbpm的實現(xiàn)我會在另一篇博文中介紹,這里只介紹我在前端使用html及JQuery中遇到的問題以及對我來說不常使用的知識點。

1.關(guān)于Map以及JsonObject

在后端使用Map數(shù)據(jù)結(jié)構(gòu)將工作任務(wù)節(jié)點名稱與審批人列出(排除了會簽的情況),即以節(jié)點名稱為key,審批人為value,如下:

for(ProcessTaskEntity task : processTaskList){
		map.put(task.getActivityName(), task.getCreateUserCode());
		}
		taskVo.setActivityUserMap(map);

activityUserMap這個屬性是Map類型,傳到前端后我希望遍歷這個Map類型的數(shù)據(jù),分別取到其key和value。Map類型的在前端其value={a=b,c=d,e=f},在前端使用foreach進行遍歷的時候?qū)⑵涞韧谝话阕址谝晃皇莧,第二位是a,以此類推。這并不符合我們使用Map類型的初衷。

 所以我們使用了JsonObject類型聲明activityUserMap,上面的代碼不需要做任何修改,即可得到一個JsonObject的activityUserMap,在前端使用如下方法遍歷:

	var activityUserMap = ${taskVo.activityUserMap};
$.each(activityUserMap, function(key, value) { 
var temp= "" + key + "";
$('select[name="activityNameChoose"]').append(temp);
});

這段代碼,如果是純Java的,是簡單清晰的。但用Js來寫,有好多曲折:

1.用JQuery獲得的控件不能再用.options.add()等方法;

2.$('select[name="activityNameChoose"]')后不能加[0]; 

3.Temp的內(nèi)容如果寫在append里會報undefined is not a function,原因不明。

2.取select選中值的問題

經(jīng)過試驗后的正確取值方法是

 $("select[name='activityNameChoose']").val()

而不正確的取值方法

$("input[name='uidscb']:checked").val()
$("input[name='uidscb']:checked").value
$("select[name='activityNameChoose']").value;

另外,其他方法比如$("select[name='activityNameChoose']").options也無法獲得select的所有options選項。

3.$("input[name='XXX']:not(:checked)"):取得select未選中值的方法

 關(guān)于使用JQuery操作select的詳細方法可以參看:jQuery select操作控制方法小結(jié)。另外關(guān)于JQuery的遍歷請查看$.each遍歷map、array。另外在解決上述問題的過程中還參考了JQuery的三種$的三種實現(xiàn)。


新聞名稱:關(guān)于自由流功能開發(fā)過程中前端的一些問題匯總
地址分享:http://www.dlmjj.cn/article/giespg.html