整理近幾天處理JSP頁面中遇到的幾個問題

          Posted on 2007-10-10 13:51 久城 閱讀(2086) 評論(7)  編輯  收藏 所屬分類: Jsp學習

          十一回家腐敗了幾天,回到公司,緊張的氣氛又開始了。繼續奮斗。

          1. 用javascript中的Array存儲服務器端傳來的List數據。

          有些數據從服務器端傳過來,需要保存到客戶端。

          起初的做法,對于個別的數據,放在頁面中的某個隱藏層中,或者作為隱藏字段存起來,當用的時候,再用JS取相應的控件再取到value。

          <div id="hdnUsrNm" style="display:none;">
            
          <bean:write name="user" property="usrName" />
          </div>

          <html:hidden name="user" property="usrName" />


          后來,需要保存的數據量大了一些(不是相當大^.^),再放到頁面中,使頁面顯得很臃腫,而且很容易造成格式顯示錯亂。于是改用JS中的Array對象來保存。

          var resultArr = new Array(); 
          resultArr
          =[
            
          <logic:present name="UserList">
            
          <logic:iterate id="user" name="UserList">
            [
          "<bean:write name='user' property='usrName' />",
             
          "<bean:write name='user' property='usrBlog' />"
            ],            
            
          </logic:iterate>
            
          </logic:present>  
            [] //為了對應最后一個逗號,把最后一個對象設置為空。
          ];


          2. EL語言的應用

          為了方便,起初使用了EL語言。基本表達式如:${expression}。

          剛開始用的時候感覺非常的爽,使用起來很方便,但是后來遇到一個問題需要注意。

          EL語句在tomcat下解析運行都沒有問題,但是當移植到weblogic上時,服務器無法識別。為什么,我也不清楚。可能就是不支持吧。

          3. checkbox自動選中指定對象。

          經過服務器端的處理,客戶端的checkbox要對應處理結果顯示選中狀態。

          <input type="checkbox" name="element1" value="<%=i++ %>" 
          <logic:equal name
          ="contract" property="packageCodeContents" value="<%=packageCode %>"> checked </logic:equal>
          onclick="checkboxClicked(this)" >


          4. checkbox實現radio效果。

          這個實現起來很容易,猶豫radio選中之后不能取消的局限,有的時候需要用checkbox來代替實現。

           

          function checkboxClicked(obj){    
            
          if( obj.checked == true{
              
          for(var i=0;i < document.all("element1").length;i++){
              document.all(
          "element1")[i].checked = false;
              }

              obj.checked 
          = true;
            }

          }


          5. 用CSS實現自動轉換輸入法為半角。

          <html:text property="usrName" style="ime-mode: inactive;" maxlength="4" />


          歡迎來訪!^.^!
          本BLOG僅用于個人學習交流!
          目的在于記錄個人成長.
          所有文字均屬于個人理解.
          如有錯誤,望多多指教!不勝感激!

          Feedback

          # re: 整理近幾天處理JSP頁面中遇到的幾個問題  回復  更多評論   

          2007-10-10 15:07 by G_G
          呵呵
          好實在的程序員啊
          G_G

          # re: 整理近幾天處理JSP頁面中遇到的幾個問題  回復  更多評論   

          2007-10-10 15:44 by 自在大羽
          "可能就是不支持吧。"????
          能不能實誠點兒,弄明白兒的。

          # re: 整理近幾天處理JSP頁面中遇到的幾個問題  回復  更多評論   

          2007-10-10 15:54 by 久城
          @自在大羽
          我算發現了,你是真的好閑啊。

          # re: 整理近幾天處理JSP頁面中遇到的幾個問題  回復  更多評論   

          2007-10-11 08:10 by 久城
          PS:
          weblogic8.1不支持JSP2.0,所以就不能支持JSTL1.1與EL了, 因為JSTL1.1與EL只能在JSP2.0中用,所以JSTL1.1與EL就不能在weblogic8.1中用了,目前支持JSP2.0的Server不多, Tomcat5是一個,Tomcat4都不支持。

          # re: 整理近幾天處理JSP頁面中遇到的幾個問題  回復  更多評論   

          2007-10-11 08:16 by ce
          hehe。。。

          # re: 整理近幾天處理JSP頁面中遇到的幾個問題  回復  更多評論   

          2007-10-11 11:02 by guoping
          <html:text property="usrName" style="ime-mode: inactive;" maxlength="4" />

          這個怎么用。。。好像不起作用啊

          # re: 整理近幾天處理JSP頁面中遇到的幾個問題  回復  更多評論   

          2007-10-11 11:15 by 久城
          @guoping
          ime-mode是控制輸入法的。
          css2.0手冊中寫過:
          ime-mode : auto | active | inactive | disabled
          auto : 默認值。不影響IME的狀態。與不指定 ime-mode 屬性時相同
          active : 指定所有使用IME輸入的字符。即激活本地語言輸入法。用戶仍可以撤銷激活IME
          inactive : 指定所有不使用IME輸入的字符。即激活非本地語言。用戶仍可以撤銷激活IME
          disabled : 完全禁用IME。對于有焦點的控件(如輸入框),用戶不可以激活IME

          實例代碼:
          <style>
          #idDIV{width:100%;height:80px;background-color:#FFFFFF;padding:4px;font-family:verdana,tahoma;font-weight:bold;}
          #idCodeDiv{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px 0px 0px 0px;background-color:#EEEEEE;font-weight:bold;}
          </style>

          <div id=idDIV>
          <input type=text size=20 style="ime-mode:auto;" value="ime-mode : auto"><br>
          <input type=text size=20 style="ime-mode:active;" value="ime-mode : active"><br>
          <input type=text size=20 style="ime-mode:inactive;" value="ime-mode : inactive"><br>
          <input type=text size=20 style="ime-mode:disabled;" value="ime-mode : disabled"><br>
          </div>
          <br>
          <div id=idCodeDiv>請用鼠標激活上列輸入框的輸入。然后嘗試切換輸入法狀態。</div>

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


          網站導航:
           

          Copyright © 久城

          主站蜘蛛池模板: 水富县| 通许县| 梁河县| 仪征市| 阿鲁科尔沁旗| 平和县| 子洲县| 历史| 盈江县| 泾川县| 荔波县| 宾阳县| 蓝山县| 兴隆县| 盈江县| 商城县| 策勒县| 吉安县| 东城区| 镇远县| 武强县| 余干县| 旺苍县| 克拉玛依市| 漯河市| 六盘水市| 霍城县| 新竹市| 藁城市| 东乌珠穆沁旗| 马山县| 方城县| 岚皋县| 凤山县| 通江县| 泰宁县| 嘉兴市| 平顺县| 丰原市| 枝江市| 应用必备|