隨筆-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 | -
          這個例子不錯  回復  更多評論
            

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


          網站導航:
           
          主站蜘蛛池模板: 航空| 谢通门县| 景谷| 太谷县| 靖西县| 五台县| 五莲县| 宁强县| 南投市| 沁水县| 徐水县| 都安| 江达县| 清镇市| 桃源县| 古田县| 东宁县| 宁夏| 顺平县| 定州市| 德阳市| 建湖县| 广河县| 新泰市| 比如县| 鸡西市| 衡山县| 甘肃省| 盐山县| 永春县| 九龙坡区| 乌兰县| 屯门区| 五河县| 平度市| 鄢陵县| 新泰市| 荆门市| 大竹县| 涟源市| 新龙县|