让Genexus9 U2集成JQuery

步骤如下：

1.下载最新jquery的js包（http://jquery.com/）并拷贝至tomcat的genexus工程下，和setevent.js等文件同一目录。因为jquery并不是genexus自带的js包，所以发布时需要手动拷贝过去。

2.新建webpanner名为：hwbp01,画面上追加一个按钮名为：Button1，在Genexus的Start事件里加入如下代码：

1. Event Start
3.     &WS_SESSION.Set('TEST_SESSION_VALUE', '0')
5.     W_V_SAVE_SESSION_URL = "http://localhost:8080/SCRM4U/servlet/hwbp01"
6.     W_V_SAVE_SESSION_EVT = "E'TESTEVENT'."
8.     FORM.HeaderRawHTML  = '<script language=javascript src="/SCRM4U/jquery.js"></script>' + newline()  
9.                         + '<script language=javascript>' + newline()  
10.                         + 'function goto_history(){' + newline()
11.                         + '    $.ajax({  ' + newline()
12.                         + '         type: "post",  ' + newline()
13.                         + '         async : false,  ' + newline()
14.                         + '         url:  "' + &W_V_SAVE_SESSION_URL + '", ' + newline()
15.                         + '         data: "_EventName=' + &W_V_SAVE_SESSION_EVT + '",  ' + newline()
16.                         + '         success: function(response){ ' + newline()
17.                         + '             alert(response); ' + newline()
18.                         + '             var url = "/SCRM4U/servlet/hwbp02";' + newline()
19.                         + '             window.open(url,'+ newline()
20.                         + '             "入力履歴参照",'+ newline()
21.                         + '             "height=600,width=850,top=30,left=90,toolbar=yes,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=yes");' + newline()
22.                         + '         }   ' + newline()
23.                         + '    }); ' + newline()
24.                         + '}' + newline()
26.                         + '</script>' + newline()
28.     Button1.JSEvent('onclick', 'goto_history()')
30. EndEvent  // Start

另外还需追加一个Test事件：

2. Event 'TestEvent'
3.     
4.     &WS_SESSION.Set('TEST_SESSION_VALUE', '1')
6. EndEvent  // 'TestEvent'

新建另一个webpanner名为：hwbp02,Start事件如下：

1. Event Start
3.     W_V_TESTVALUE = &WS_SESSION.Get('TEST_SESSION_VALUE')
5. EndEvent  // Start

=====================================================================================

请注意：

以上为触发ajax的按钮在Grid外的情况，如果在Grid里面(即每行都有一个按钮)，因为参数中涉及到行数，方法有所不同。

 

假设ajax将触发后台的事件为:

1. Event 'HistoryEvent'
3.     P_V_OPEN_SQ    = &WS_SESSION.Get('P_V_OPEN_SQ')
4.     P_V_OPEN_NO    = &WS_SESSION.Get('P_V_OPEN_NO')
6. //    &W_V_ROW = &WEB_REQUEST.GetVariable('_EventName')
7. //    &W_FIRST = &W_V_ROW.IndexOf('.')
8. //    &W_LAST  = &W_V_ROW.Length()
9. //    &W_N_ROW_NUM = Val(&W_V_ROW.Substring(&W_FIRST + 1,&W_LAST))
10. //
11. //    do 'CHANGE_DATAGRID_SUB'
12. //    do 'ORDER_CAPTION_INITIAL'
13. //
14. //    &W_N_CNT = 1
15. //    for each line in grd_enr_info
16. //        if &W_N_CNT = &W_N_ROW_NUM
17. //        &WS_SESSION.Set('TESTVALUE1',      &D_V_GRD_SCRG_NO)
18. //            &WS_SESSION.Set('TESTVALUE2',      &D_V_GRD_PSN_NM)
19. //            &WS_SESSION.Set('TESTVALUE3',      Trim(&P_V_OPEN_SQ))
20. //            &WS_SESSION.Set('TESTVALUE4',      &P_V_OPEN_NO)
21. //            &WS_SESSION.Set('TESTVALUE5',      &D_V_OPN_SBJ_NM)
22. //            exit
23. //        endif
24. //        &W_N_CNT = &W_N_CNT + 1
25. //    endfor
27.     &WS_SESSION.Set('TESTVALUE1',      &D_V_GRD_SCRG_NO)
28.     &WS_SESSION.Set('TESTVALUE2',      &D_V_GRD_PSN_NM)
29.     &WS_SESSION.Set('TESTVALUE3',      Trim(&P_V_OPEN_SQ))
30.     &WS_SESSION.Set('TESTVALUE4',      &P_V_OPEN_NO)
31.     &WS_SESSION.Set('TESTVALUE5',      &D_V_OPN_SBJ_NM)
33. EndEvent  // 'HistoryEvent'

StartEvent中的代码为：

1.  W_V_SAVE_SESSION_URL = "/SCRM4U/servlet/hwbp03"
2.  W_V_SAVE_SESSION_EVT = "E'HISTORYEVENT'."  
5.     FORM.HeaderRawHTML = '<script language=javascript src="/SCRM4U/jquery.js"></script>' + newline()  
7.                        + '<script language=javascript>' + newline()  
9.                         + 'function goto_history(num){' + newline()
10.                         + '    var no = num.replace(/(^/s*)|(/s*$)/g, "").substr(1); ' + newline()
11.                         + '    var pgrd = document.MAINFORM.nRC_Grd_enr_info.value; ' + newline()
12.                         + '    var subj = document.MAINFORM._D_V_OPN_SBJ_NM.value; ' + newline()
13.                         + '    var _D_V_GRD_SCRG_NO_X = "_D_V_GRD_SCRG_NO_"+no;  ' + newline()
14.                         + '    var _D_V_GRD_PSN_NM_X = "_D_V_GRD_PSN_NM_"+no; ' + newline()
15.                         + '    var scrg = eval("document.MAINFORM." + _D_V_GRD_SCRG_NO_X).value; ' + newline()
16.                         + '    var psnm = eval("document.MAINFORM." + _D_V_GRD_PSN_NM_X).value; ' + newline()
17.                         + '    $.ajax({  ' + newline()
18.                         + '         type: "post",  ' + newline()
19.                         + '         async : false,  ' + newline()
20.                         + '         url:  "' + &W_V_SAVE_SESSION_URL + '", ' + newline()
21.                         + '         data: "_EventName=' + &W_V_SAVE_SESSION_EVT + '"+no+"nRC_Grd_enr_info="+pgrd+"_D_V_OPN_SBJ_NM="+subj+"&"+_D_V_GRD_SCRG_NO_X+"="+scrg+"&"+_D_V_GRD_PSN_NM_X+"="+psnm,' + newline()
22.                         + '         success: function(response){ ' + newline()
23.                         //+ '             alert(response); ' + newline()
24.                  
25.                         + '         }   ' + newline()
27.                         + '    }); ' + newline()
29.                         + '    var url = "/SCRM4U/servlet/hwbp04";' + newline()
30.                         + '    window.open(url,'+ newline()
31.                         + '         "hwbp04",'+ newline()
32.                         + '         "height=600,width=850,top=30,left=90,toolbar=yes,menubar=yes,scrollbars=yes,resizable=yes,location=no,status=yes");' + newline()
34.                         + '}' + newline()
36.                        + '</script>' + newline()

Grid的初期处理：

1. Event grd_enr_info.Load
3.     W_N_INDEX_NUM = 10001
5.     for W_N_GRD_IDX = 1 to &W_S_ETR_SHT_RP_INFO.Count
7.         if (&W_N_GRID_START <= &W_N_GRD_IDX) and (&W_N_GRID_END >= &W_N_GRD_IDX)
9.             D_V_GRD_NO       = &W_N_GRD_IDX//NO
10.             ......
11.         
12. //            W_V_GRD_PSN_NM_JS = &D_V_GRD_PSN_NM
13. //            W_V_OPN_SBJ_NM    = &D_V_OPN_SBJ_NM
14. //            //java [!&W_V_GRD_PSN_NM_JS!] = GXutil.URLEncode([!&W_V_GRD_PSN_NM_JS!]);
15. //            //java [!&W_V_OPN_SBJ_NM!]    = GXutil.URLEncode([!&W_V_OPN_SBJ_NM!]);
16. //            btn_history.JSEvent("onclick", "goto_history('" + &D_V_GRD_SCRG_NO + "','" + &W_V_GRD_PSN_NM_JS + "','" + Trim(&P_V_OPEN_SQ) + "','" + &P_V_OPEN_NO + "','" + &W_V_OPN_SBJ_NM + "')")
18.             btn_history.JSEvent("onclick", "goto_history('" + str(&W_N_INDEX_NUM) + "')")
19.             W_N_INDEX_NUM = &W_N_INDEX_NUM + 1
21.             load
22.         endif
23.     endfor
25. EndEvent

我们发现，当按钮在Grid时，触发的事件参数形如: E'XXEVENT'.0001的形式，由最后四位数据来确定按钮所处的行数。上面的代码中自动加入了分析行数的功能了。

值得一提的是,Genexus后台为了能正确的判断实行哪些操作，在页面上放置了很多的Hidden.以下简单说明这里用到的参数：

nRC_Grd_enr_info：Grid中每页可显示的最大行数

_EventName：页面触发的事件参数。