dwr弹出画面排序_JAVA_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > JAVA > dwr弹出画面排序

dwr弹出画面排序

 2011/10/12 9:15:12  linleizi  http://linleizi.iteye.com  我要评论(0)
  • 摘要:下午忙了一下午,使用dwr在弹出的画面点击按钮排序的功能实现了,期间用到了一些知识,总结一下:/***Setflagformouseover.*/functionorderFlgMouseOver(obj){document.body.style.cursor="hand";}/***Setflagformouseout.*/functionorderFlgMouseOut(obj){document.body.style.cursor="default";
  • 标签:DWR
下午忙了一下午,使用dwr在弹出的画面点击按钮排序的功能实现了,期间用到了一些知识,总结一下:
/**
 * Set flag for mouse over.
 */
function orderFlgMouseOver(obj) {
 document.body.style.cursor="hand";
}

/**
 * Set flag for mouse out.
 */
function orderFlgMouseOut(obj) {
 document.body.style.cursor="default";
}
var orderFontCount = 2;
function setOrderFlag(orderObject, orderMode, orderFontIndex) {
 for(var index = 0; index < orderFontCount; index++) {
  if(index == orderFontIndex) {
   $("orderFont" + index).className = "searchOrderFlgHighLight";
  } else {
   $("orderFont" + index).className = "searchOrderFlgLowLight";
  }
 }
 testService.search(
  orderObject,
  orderMode,
  function(resultList) {
   searchResultTbl.fill(resultList);
  });
}
var searchResultTbl = (function() {
 var recordCount = 0;
 return {
  clear: function() {
   dwr.util.removeAllRows("tblSearchResult", { filter: function(tr) {
    return tr.id != "searchResult_PatternRow";
    }});
   recordCount = 0;
  },

 fill: function(resultList) {
  searchResultTbl.clear();

 // Cache the record count.
 recordCount = resultList.length;

 //Create a new set of rows cloned from the "searchResult_PatternRow".
 for (var i = 0; i < resultList.length; i++) {
  var result = resultList[i];
  var id = i + "";
  dwr.util.cloneNode("searchResult_PatternRow", { idSuffix: id });
  dwr.util.setValue("searchResult_Test" + id, result.testNo);
  $("searchResult_Possibility" + id).className = result.divClass;
  dwr.util.setValue("searchResult_Possibility" + id,result.seikyuusakiName);
  dwr.util.setValue("chkSearchResult_Check" + id, result.checkboxValue);
  $("chkSearchResult_Check" + id).name = result.checkboxName;
  $("chkSearchResult_Check" + id).checked = result.checkboxChecked;
  $("chkSearchResult_Check" + id).onclick = result.checkboxOnclick;
  $("chkSearchResult_Check" + id).disabled = result.checkboxDisabled;
  // Make the new row visible.
  var row = $("searchResult_PatternRow" + id);
  row.style.display = "";
  row.className = result.trColorFlg;
   }
  }
 };
})();



<div id="orderDiv0" style="position: absolute; left: 88px; top: 2px; display: none;" onMouseOver="orderFlgMouseOver(this)" onMouseOut="orderFlgMouseOut(this)" onclick="setOrderFlag('test', 'A', 0)"  class="htmlFont">
<font id="orderFont0" class="searchOrderFlgLowLight">▲</font>
</div>
<div id="orderDiv1" style="position: absolute; left: 88px; top: 12px; display: none;" onMouseOver="orderFlgMouseOver(this)" 
onMouseOut="orderFlgMouseOut(this)" onclick="setOrderFlag('test', 'D', 1)"  class="htmlFont">			
<font id="orderFont1" class="searchOrderFlgLowLight">▼</font>
</div>

		             <table id= "search_table" width="730" border="0" style="top:-90px;">
<tbody id="tblSearchResult">
 <tr id="searchResult_PatternRow" class="tableDarkLine" style="display:none">
  <td width="19" align="center">
    <input id="chkSearchResult_Check" type="checkbox">
  </td>
  <td width="74" align="center">
   <span id="searchResult_Test"></span>
  </td>
  <td width="300" align="left">			
   <input id="searchResult_Possibility" type="text" style="width: 290px;" onmouseover="txtMouseOver(this)" onmouseout="txtMouseOut(this)" readonly>
  </td>		
 </tr>
</tbody>

dwr配置下,service正常写,对传进去的flg做下处理进行排序。
onmouseover和onmouseout触发的函数参照辅助入力的文章。
发表评论
用户名: 匿名