J2EE 學(xué)習(xí)

          java struts1、struts2 spring hibernate freemarker ajax fckeditor Mysql MSSQL ORACLE DB2 Websphere jboss
          隨筆 - 11, 文章 - 13, 評論 - 2, 引用 - 0
          數(shù)據(jù)加載中……

          使用ajax 來畫頁面



          畫出分頁的頁面     
          自己剛剛到公司實習(xí),公司的框架要求 ,在前輩后面進行學(xué)習(xí)一點心得     ,希望高手指點
            步驟:

          1. 準(zhǔn)備json-rpcJSONRPCBridge對象

          <jsp:useBean id="JSONRPCBridge" scope="session"

               class="com.metaparadigm.jsonrpc.JSONRPCBridge" />

          2.準(zhǔn)備好自己后臺的javabean類,可以在js中調(diào)用javabean中的方法來操作數(shù)據(jù)庫

          3.如果需要call json-rpc,注冊你的javabean jsonbridge

          JSONRPCBridge.registerObject("bean",businessBean);

          JSONRPCBridge.setDebug(true);

          4. 加入一些全局的jsp頁面,導(dǎo)入類以及校驗的js

          5.寫入靜態(tài)文字,和一些錯誤提示信息。具體的在content.properties error.properties 中進行寫入。

          6.分為兩種頁面:

            6.1 分頁的查詢列表頁面:

          1)定義一個空的列表和空的列表頭:
          var  mainlist={
               h:[ {a:'width=\"40\"},',v:'<%=MsgMgr.getContent(language,"CMAP3300.NO")%>'}
                           ,'<%=MsgMgr.getContent(language,"CCPM1900.REFERENCE_NO")%>'
                 ],
              rs:{
                   a:'align=center',
                   v:null
          或者[]
                  }
            };

          2)定義一個列表對象

            Var listTableObj=new js.ListTable(windows,’mainlist’,mainlist);

          (3)定義一個動態(tài)畫頁面的listpage

               Var  listpage=new js.ListPageBox(window,’mainlist’,

                  function search(pageNo) {

                 3.1   //顯示“正在載入”

          F('shsm','<%=MsgMgr.getContentQuote(language,"message.loading")%> <img src="<%=request.getContextPath()%>/newUI/images/process_animation.gif">');

                 3.2//調(diào)用javabean方法從數(shù)據(jù)庫中進行查找記錄

                jsonrpc.bean.listTrxCde(doneSeach,"<%=language%>",null,pageNo);

                 return null;

          }    

          3.3注意:其中doneSeach 是回調(diào)方法 ,將查找出來的記錄動態(tài)的畫在頁面上。

          function drawFun(ListPageForm){

          var pageNum=listPageForm.page.currPageNo;

                     var list=listPageForm.page.DBlist.list;

                     var recordNo=(pageNum-1)*listPageForm.page.recordPerPage+1;

                     var row1;

                     mainlist.rs.v=[];

                     for(var i=0;i<list.length;i++){

                           row1=list[i].db;

                           mainlist.rs.v.push(

                                [

                                 {a:'id="buttonTD'+i+'" ',v:'<input type=radio name="redioValue" value="'+row1.BK_BANK_ID+'">'

                                +'<img style="cursor:pointer" onclick=\"javascript:toUpdate('+i+')\" '

                                 +'src="<%=request.getContextPath()%>/newUI/images/editicon.gif">'

                                },

                                recordNo+i,

                                {a:'id="inputTD1_'+i+'" ',v:row1.BK_BANK_ID},

                                {a:'id="inputTD2_'+i+'" ',v:row1.BK_SHORT_NAME},

                                {a:'id="inputTD2_'+i+'" ',v:type[row1.BK_BANK_TYPE]},

                                {a:'id="inputTD5_'+i+'" ',v:row1.BK_STATUS},

                                {a:'id="inputTD6_'+i+'" ',v:row1.BK_OUTSTD_BAL}

                                ]

                           );

                     }

                     listTableObj.setJson(mainlist);

                     return listTableObj.html();

                }

          <%=language%>

          );

          function doneSeach(result,e)
          {
                   F("hdsm");
                       if(e!=null){
                        F("catchException",e);
                        return;
                   }
                   listPage.drawUpdate(result);
                  }          

          }



          (4)畫頁面
           document.write('<div id="tableLayerDIV">');
          w(listPage.html(<%=CodeUtil.marshallJSON(trxCdeMgr.listTrxCde     //展現(xiàn)列表  (language,null,pageNo,"trxcdemain"))%>));
          document.write('</div>');

           

           

           

           

           

           

           

           

           

           

           

           

           

           

           

           

          posted on 2008-11-26 16:41 李峰 閱讀(377) 評論(0)  編輯  收藏


          只有注冊用戶登錄后才能發(fā)表評論。


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 阿图什市| 扎囊县| 河北区| 大连市| 永春县| 济宁市| 丽水市| 甘南县| 宁远县| 宣威市| 嫩江县| 扶余县| 包头市| 乌兰察布市| 安徽省| 郎溪县| 长治县| 石景山区| 酉阳| 龙胜| 惠水县| 祁阳县| 家居| 榆林市| 慈利县| 崇明县| 永德县| 清水河县| 娱乐| 洞头县| 翁源县| 汉阴县| 尚志市| 马山县| 加查县| 台北县| 溧水县| 顺昌县| 东辽县| 延吉市| 大兴区|