隨筆-14  評論-34  文章-0  trackbacks-0
          最近想通過DWR做查詢,雖然可以結合ext使用,但是使用太多框架會增加客戶端的負荷,因此用到了DWRUtil.addRows方法。
          如果想在每行記錄的最后添加“編輯”或“刪除”的超級連接,可以通過document.createElement()來處理,請看以下的例子。

          現在需要把封裝了這個JavaBean數據的 java.util.List對象 傳到客戶端
          public class Fund implements java.io.Serializable {

              
          // Fields

              
          private Long fundNo;
              
          private String fundName;
              
          private Float price;
              
          private String description;
              
          private String status;
              
          private Date createdDate;
             
              //Getter & Setter
          }

          之前如何調用就省略了,想了解DWR的詳細信息可以到官方網站http://getahead.org/dwr學習

          現在,我們看看客戶端的回調函數
                  function callBack(data){
                      DWRUtil.removeAllRows(
          "tbodyId"); // "tbodyId"是需要嵌入行的元素ID
                      DWRUtil.addRows(
          "tbodyId", data, cellFunctions);
                  }
                  
          var cellFunctions = [ 
                      
          function(item) { return item.fundNo; }, 
                      
          function(item) { return item.fundName; }, 
                      
          function(item) { return item.price; }, 
                      
          function(item) { return item.description; }, 
                      
          function(item) { return item.status=="1"?"正常":"凍結"; }, 
                      
          function(item) { 
                         
          var editLink = document.createElement("a");
                         editLink.setAttribute(
          "href","edit.do?id="+item.fundNo);
                         editLink.innerHTML
          ="編輯";
                         
          return editLink; 
                      }
                  ];

          這樣在每行的最后一行就會增加“編輯”的超級連接了。編輯的具體工作想發給哪個后臺類處理,修改一下href屬性吧。


          posted on 2008-04-23 10:05 Jam Chan 閱讀(6327) 評論(6)  編輯  收藏 所屬分類: DWR

          評論:
          # re: DWR的DWRUtil.addRows方法的使用 2008-05-10 01:15 | 鐵衣
          非常好!
          謝謝!  回復  更多評論
            
          # re: DWR的DWRUtil.addRows方法的使用 2008-07-19 11:48 | 鐵衣
          謝謝啊
          對編輯兩個字加連接是這樣的
          但是利用DWRUtil生成一張圖片
          然后對這張圖片加連接怎么弄的?  回復  更多評論
            
          # re: DWR的DWRUtil.addRows方法的使用 2008-10-26 15:06 | huml
          function callBack(data){
          DWRUtil.removeAllRows("tbodyId"); // "tbodyId"是需要嵌入行的元素ID
          DWRUtil.addRows("tbodyId", data, cellFunctions);
          }
          var cellFunctions = [
          function(item) { return item.fundNo; },
          function(item) { return item.fundName; },
          function(item) { return item.price; },
          function(item) { return item.description; },
          function(item) { return item.status=="1"?"正常":"凍結"; },
          function(item) {
          var img = document.createElement("<img onclick='location.href='edit.do?id="+item.fundNo+"' style='cursor:hand;'>");
          img.setAttribute("src", "圖片地址");
          return img;
          }
          ];@鐵衣
            回復  更多評論
            
          # re: DWR的DWRUtil.addRows方法的使用 2009-04-17 17:02 | 嘟嘟嘟
          放屁  回復  更多評論
            
          # re: DWR的DWRUtil.addRows方法的使用 2009-05-11 09:11 | 阿蘇
          如果有多個“tbodyId”如何用循環來實現呀~~~比如:
          for(i=0;i<5;i++)
          {
          DWRUtil.removeAllRows("tbodyId"); // "tbodyId"是需要嵌入行的元素ID
          DWRUtil.addRows("tbodyId"+i, data, cellFunctions);
          }

          這樣寫可好像在調用cellFunctions的時候有問題,請問應該怎樣用循環來實現我想要的功能???  回復  更多評論
            
          # re: DWR的DWRUtil.addRows方法的使用 2010-05-27 22:37 | -
          這個例子不錯  回復  更多評論
            

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


          網站導航:
           
          主站蜘蛛池模板: 巢湖市| 康平县| 盱眙县| 师宗县| 绿春县| 句容市| 类乌齐县| 柘荣县| 郸城县| 麦盖提县| 云林县| 大洼县| 湖口县| 无锡市| 武宁县| 盖州市| 福建省| 饶阳县| 黑龙江省| 东台市| 宁夏| 双牌县| 眉山市| 山东省| 玉树县| 方城县| 内丘县| 渝中区| 南通市| 礼泉县| 濮阳市| 易门县| 大安市| 湘阴县| 任丘市| 淮安市| 安丘市| 湖北省| 武城县| 乃东县| 镇安县|