Posted on 2010-01-14 21:34
斷點(diǎn) 閱讀(685)
評論(2) 編輯 收藏 所屬分類:
JScript
項(xiàng)目開始的時(shí)候用的是這個(gè)my97，選一下日期就能帶出來，感覺挺好，但到了后來項(xiàng)目上線了，有一個(gè)“保險(xiǎn)起期”、“保險(xiǎn)止期”聯(lián)動，發(fā)現(xiàn)控件上的日期需要雙擊才可聯(lián)動；如果只單擊一下“保險(xiǎn)起期”，然后離開點(diǎn)頁面其他地方，兩個(gè)時(shí)間沒有聯(lián)動起來。經(jīng)項(xiàng)目組js牛人（wuguojian）努力攻關(guān)，終于實(shí)現(xiàn)了點(diǎn)擊就可以聯(lián)動的效果。
改造有兩個(gè)方面的原因：
1.如果業(yè)務(wù)人員，只單擊了“保險(xiǎn)起期”，而“保險(xiǎn)止期”沒有聯(lián)動，以前的默認(rèn)的保險(xiǎn)期間365天沒有發(fā)生變化，而保單打印出來的時(shí)間“保險(xiǎn)起期”、“保險(xiǎn)止期”有變化，易引起麻煩。
2.剛才提到雙擊可以聯(lián)動，還有單擊后點(diǎn)刷新也可以聯(lián)動，但是在網(wǎng)絡(luò)慢的情況下，影響出單員的效率。
改造如下：
對文件My97DatePicker.htm部分進(jìn)行修改，增加一個(gè)js方法，在body里面引用：
<head>
<script>
// 增加日歷控件關(guān)閉事件 2009-10-26
function getObj() {
var divs = document.body.getElementsByTagName("div");
for (var i=0,len=divs.length;i<len;i++) {
if (divs[i].className == 'WdateDiv') {
divs[i].onblur = function () {
$dp.el.onchange();
};
break;
}
}
}
</script>
</head>
<body leftmargin="0" topmargin="0" onload="$c.autoSize();getObj();">
</body>
控件連接地址：http://www.my97.net/dp/demo/index.htm
posted @ 2009-10-31 18:08 斷點(diǎn) 閱讀(19) | 評論 (0)