BlogJava-紫蝶∏飛揚↗-文章分类-EOShttp://www.blogjava.net/algz/category/46266.htmlPurple Butterfly Flying QQ群:7101519 Flex,Ext,Spring,Hibernate,EOS,SpringSecurity,Strutszh-cnFri, 01 Apr 2011 17:35:06 GMTFri, 01 Apr 2011 17:35:06 GMT60自已编写的基于EOS框架的树形表格控件http://www.blogjava.net/algz/articles/347485.html紫蝶∏飛揚↗紫蝶∏飛揚↗Fri, 01 Apr 2011 09:39:00 GMThttp://www.blogjava.net/algz/articles/347485.htmlhttp://www.blogjava.net/algz/comments/347485.htmlhttp://www.blogjava.net/algz/articles/347485.html#Feedback0http://www.blogjava.net/algz/comments/commentRss/347485.htmlhttp://www.blogjava.net/algz/services/trackbacks/347485.html思路: 先查询出所有数据的根结点,并对每个根结点检查是不是有子结点,如果有子结点则在显示时增加"+"图片,没有则不添加.但用户点击"+"图片时,则通过AJAX调用逻辑流查询触发结点的所有子结点(采用递归方式,以每个子结点的父结点属性从上向下查询),并隐藏加载到触发结点后面(以TR形式添加,并设置每个子元素的paraTaskno属性为父结点taskno(其实仍是以递归方式,从上向下给每个子元素的paraTaskno属性设置父元素的id)

服务端数据: 仅查询根结点.

html代码:
 
<viewlist id="e587ead4-daa3-431e-a0ed-fac40e013850">
  <h:form name="page_form" action="com.bos.mp.taskStatistics.TaskStatistics.flow" method="post">
    <input type="hidden" name="_eosFlowAction" value="pageQuery" >
    <h:hiddendata property="criteria" />
    <h:hidden property="page/begin"/>
    <h:hidden property="page/length"/>
    <h:hidden property="page/count"/>
    <h:hidden property="page/isCount"/>
    <w:panel id="list_panel" width="100%" title="任务列表">
      <table align="center" border="0" width="100%" class="EOS_table">
        <tr id="table_header">       
          <th>
            任务名称
          </th>
          <th>
            项目名称
          </th>
          <th>
            项目模块
          </th>
          <th>
            工作占项目比率
          </th>
          <th>
            负责人
          </th>
       <th>
            审核人
          </th>
          <th>
            计划开始日
          </th>
           <th>
            计划完成日
          </th>
          <th>
            任务状态
          </th>
          <th>
           完成率(%)
          </th>
          <th>
           更新日期
          </th>
          <th>
           原因
          </th>
          <th>
           实际完成率(%)
          </th>
          <th>
           实际完成日
          </th>
          <th>
           提前/滞后完成天数
          </th>
        </tr>
        <w:checkGroup id="group1">
          <l:iterate property="mpprojectfollows" id="id1">
           <%
            long temp = 0;
            if(null != ((DataObject)pageContext.getAttribute("id1")).getString("proEndDate")){
             DataObject t=(DataObject)pageContext.getAttribute("id1");
             String d1 = ((DataObject)pageContext.getAttribute("id1")).getString("comDate") == null ? new SimpleDateFormat("yyyy-MM-dd").format(new Date()):((DataObject)pageContext.getAttribute("id1")).getString("comDate");
             String d2 = ((DataObject)pageContext.getAttribute("id1")).getString("proEndDate");
             temp = RetOrgInfo.daysDifference(d1,d2);
            }
            if(temp<0 && !((DataObject)pageContext.getAttribute("id1")).getString("taskStatus").equals("完成")){
             out.print("<tr class='EOS_table_row' style='background-color:red;' id='"+((DataObject)pageContext.getAttribute("id1")).getString("taskno")+"'>");
            }else if(temp<0 && ((DataObject)pageContext.getAttribute("id1")).getString("taskStatus").equals("完成")){
             out.print("<tr class='EOS_table_row' style='background-color:orange;' id='"+((DataObject)pageContext.getAttribute("id1")).getString("taskno")+"'>");
            }else if(temp>0 && ((DataObject)pageContext.getAttribute("id1")).getString("taskStatus").equals("完成")){
             out.print("<tr class='EOS_table_row'  style='background-color:green;' id='"+((DataObject)pageContext.getAttribute("id1")).getString("taskno")+"'>");
            }else{
             out.print("<tr class='EOS_table_row' id='"+((DataObject)pageContext.getAttribute("id1")).getString("taskno")+"'>");
            }
            %>
           
             <td align="left" >
             <l:present  property="childTasks" iterateId="id1">
               <img src="<%=request.getContextPath() %>/common/skins/default/images/grouppanel/grouppanel_open.gif" onclick="node_click('<b:write iterateId="id1" property="taskno"/>');"/>
              </l:present>
              <h:hidden iterateId="id1" property="paraTaskno"/>

                <a href="#" onclick="javascript:showTaskDet('<b:write iterateId="id1" property="taskno"/>');"><b:write iterateId="id1" property="taskName"/></a>
              </td>
              <td align="center">
                <b:write iterateId="id1" property="projectName"/>
              </td>
              <td align="center">
                <b:write iterateId="id1" property="modName"/>
              </td>
              <td align="center">
                <b:write iterateId="id1" property="taskRate"/>
                <l:notEmpty iterateId="id1" property="taskRate">
                 %
                </l:notEmpty>
              </td>
              <td align="center">
                <b:write iterateId="id1" property="planPres"/>
              </td>
              <td align="center">
                <b:write iterateId="id1" property="auditorName"/>
              </td>
              <td align="center">
                <b:write iterateId="id1" property="proStarDate" formatPattern="yyyy-MM-dd"/>
              </td>
              <td align="center">
                <b:write iterateId="id1" property="proEndDate" formatPattern="yyyy-MM-dd"/>
              </td>
               <td align="center">
                <b:write iterateId="id1" property="taskStatus"/>
              </td>     
              <td align="center">
                <b:write iterateId="id1" property="actorRated"/>
              </td>
              <td align="center">
                <b:write iterateId="id1" property="actorDate" formatPattern="yyyy-MM-dd"/>
              </td>
              <td align="center">
                <b:write iterateId="id1" property="reason"/>
              </td>
              <td align="center">
                <b:write iterateId="id1" property="auditRate"/>
              </td>
               <td align="center">
                <b:write iterateId="id1" property="comDate" formatPattern="yyyy-MM-dd"/>
              </td>
              <td align="center">
               <%
                if(temp<0){
                 out.print("滞后"+Math.abs(temp)+"天");
                }else if(temp>0 && ((DataObject)pageContext.getAttribute("id1")).getString("taskStatus").equals("完成")){
                 out.print("提前"+temp+"天");
                }
                %>
              </td>
            </tr>
          </l:iterate>
        </w:checkGroup>
        <tr>
          <td colspan="16" class="command_sort_area">
           <div id="pageroot" align="right">
              <l:equal property="page/isCount" targetValue="true">
                共
                <b:write property="page/count"/>
                条记录 第
                <b:write property="page/currentPage"/>
                页/
                <b:write property="page/totalPage"/>
                页
              </l:equal>
              <l:equal property="page/isCount" targetValue="false">
                第
                <b:write property="page/currentPage"/>
                页
              </l:equal>
              <input type="button" onclick="firstPage('page', 'pageQuery', null, null, 'page_form');" value="首页"  <l:equal property="page/isFirst" targetValue="true">disabled</l:equal> >
              <input type="button" onclick="prevPage('page', 'pageQuery', null, null, 'page_form');" value="上页" <l:equal property="page/isFirst" targetValue="true">disabled</l:equal> >
              <input type="button" onclick="nextPage('page', 'pageQuery', null, null, 'page_form');" value="下页" <l:equal property="page/isLast" targetValue="true">disabled</l:equal> >
              <l:equal property="page/isCount" targetValue="true">
                <input type="button" onclick="lastPage('page', 'pageQuery', null, null, 'page_form');" value="尾页" <l:equal property="page/isLast" targetValue="true">disabled</l:equal> >
              </l:equal>
            </div>
          </td>
        </tr>
      </table>
    </w:panel>
  </h:form>
</viewlist>



<script> 
var jquery = jQuery.noConflict();
    //主结点展开/收起
    function node_click(taskid){
       var el=jquery("#"+taskid).find("img")[0]//event.srcElement
       var path=el.src.substr(el.src.lastIndexOf("/")+1)
       var prifix=el.src.substr(0,el.src.lastIndexOf("/"))
       if(path=="grouppanel_open.gif"){
          //显示结点
          var tr=jquery(el).closest("tr");
          if(jquery(el).closest("tr").next().css("display")=="none"){
            el.src=prifix+"/grouppanel_close.gif";
            tr.nextAll("tr[paraTaskno='"+tr.attr("id")+"']").show();
          }else{
            readchildnodeByAjax(taskid);
            jquery(el).trigger("click");
          }
         
       }else{
          //隐藏结点
          el.src=prifix+"/grouppanel_open.gif";
          var tr=jquery(el).closest("tr");
          recursion_node(tr,false);
       }
    }
   
    //ajax读取子结点
    function readchildnodeByAjax(taskid){
       var myAjax=new Ajax("com.bos.mp.projectfollow.mpprojectfollowbiz.QueryTask.biz");
       myAjax.addParam("criteria/_entity","com.bos.mp.projectfollow.dataset.ProTaskQryEntity");
       myAjax.addParam("criteria/_expr[0]/paraTaskno",taskid);
       myAjax.submit();
       //获取"root/data/mpprojectfollows"结点数组
       var nodes=myAjax.getXMLDom().selectNodes("root/data/mpprojectfollows");
       for(var i=0;i<nodes.length;i++){
          addElement(jquery("#"+taskid),nodes[i]);
       }
    }
   
    /**
     *动态增加tr结点,以请求的服务端数据来遍历添加结点
     *template:html页面元素;node:服务端数据子实体
     */
    function addElement(template,node){
      var xml=jquery(node);
      var template=addnode(template,xml)
      var childnodes=xml.children("childTasks");
      for(var i=0;i<childnodes.length&&jquery(xml.children("childTasks")[i]).text()!="";i++){
          addElement(template,xml.children("childTasks")[i]);
      }
    }
    
    /**
     *以服务端的子实体对象(xml)构造一个结点添加到html元素(template)
     */
    function addnode(template,xml){
           var open_gif='<%=request.getContextPath() %>/common/skins/default/images/grouppanel/grouppanel_open.gif';
           var close_gif="<%=request.getContextPath() %>/common/skins/default/images/grouppanel/grouppanel_close.gif"
           //从模板结点构造出目标结点tr
           var curtr=template.clone().insertAfter(template).hide()
                .attr("id",jquery(xml.find("taskno")[0]).text())
                .attr("paraTaskno",jquery(xml.find("paraTaskno")[0]).text());
           //首个TD结点     
           var firsttd=jquery(curtr.children("td")[0]);
           var td=jquery(curtr.children("td")[0]).css("padding-left",parseInt(firsttd.css("padding-left"))+10+"px")
               .empty();
               jquery("<a href='#'></a>").text(jquery(xml.find("taskName")[0]).text())
               .bind("click",function(){
                                showTaskDet(jquery(xml.find("taskno")[0]).text());
                             }).appendTo(td);
           var img=jquery("<img/>").prependTo(td);
           if(jquery(xml.children("childTasks")[0]).text()!=""){
              //非叶子结点,绑定事件
              img.attr("src",open_gif);
              img.bind("click",function(){
                                  var path=jquery(this).attr("src");
                                  var tr=jquery(this).closest("tr");
                                  if(path==open_gif){
                                     jquery(this).attr("src",close_gif);
                                     recursion_node(tr,true);
                                  }else{
                                     jquery(this).attr("src",open_gif);
                                     recursion_node(tr,false);
                                  }
                                 })
            }else{
              //叶子结点
              img.attr("src",close_gif);
            }
            td.next().empty()//text(jquery(xml.find("projectName")[0]).text())
            .next().empty()//text(jquery(xml.find("modName")[0]).text())
            .next().text(jquery(xml.find("taskRate")[0]).text())
            .next().text(jquery(xml.find("planPres")[0]).text())
            .next().text(jquery(xml.find("auditorName")[0]).text())
            .next().text(jquery(xml.find("proStarDate")[0]).text())
            .next().text(jquery(xml.find("proEndDate")[0]).text())
            .next().text(jquery(xml.find("taskStatus")[0]).text())
            .next().text(jquery(xml.find("actorRated")[0]).text())
            .next().text(jquery(xml.find("actorDate")[0]).text())
            .next().text(jquery(xml.find("reason")[0]).text())
            .next().text(jquery(xml.find("auditRate")[0]).text())
            .next().text(jquery(xml.find("comDate")[0]).text())
            .next().text("");
            return curtr;
      }
   
    /**
     *层叠递归方式显示或隐藏结点
     * node:jquery对象;isshow:boolean值
     */
    function recursion_node(node,isshow){
      var open_gif='<%=request.getContextPath() %>/common/skins/default/images/grouppanel/grouppanel_open.gif';
      var close_gif="<%=request.getContextPath() %>/common/skins/default/images/grouppanel/grouppanel_close.gif"
      var nodes=node.nextAll("tr[paraTaskno='"+node.attr("id")+"']")

      for(var i=0;i<nodes.length;i++){
          recursion_node(jquery(nodes[i]),isshow);
          if(!isshow){
            jquery(nodes[i]).hide();
          }else{
           jquery(nodes[i]).show();
          }
      }
      if(nodes.length>0){
      jquery(node.find("img")[0]).attr("src",!isshow?open_gif:close_gif)
      }

    }

</script>


紫蝶∏飛揚↗ 2011-04-01 17:39 发表评论
]]>EOS 显示模态窗口http://www.blogjava.net/algz/articles/333544.html紫蝶∏飛揚↗紫蝶∏飛揚↗Thu, 30 Sep 2010 06:55:00 GMThttp://www.blogjava.net/algz/articles/333544.htmlhttp://www.blogjava.net/algz/comments/333544.htmlhttp://www.blogjava.net/algz/articles/333544.html#Feedback0http://www.blogjava.net/algz/comments/commentRss/333544.htmlhttp://www.blogjava.net/algz/services/trackbacks/333544.html<w:lookup>显示模态窗口。（表现形式是text+button）
lookupUrl   String   弹出窗口加载的URL。
onReturnFunc   Js函数名   关闭模态窗口时的回调函数，输入参数为模态窗口的返回值。返回true修改lookup控件值，否则返回false.

模态窗口输入参数：dialogArguments；类型数组，格式：[value，displayValue]。
        $id("displayValue").value = dialogArguments[1];
        $id("submitValue").value = dialogArguments[0];
模态窗口输出参数：returnValue；返回值类型为数组，格式为：[提交值，显示值]。
        returnValue = [$id('submitValue').value,$id('displayValue').value];

接受lookup控件显示值和提交值的代码。
1。接收通过模态对话框的dialogArguments 参数（不可随意变更名称）：
        $id("displayValue").value = dialogArguments[1];
        $id("submitValue").value = dialogArguments[0];
2。接收通过url传递的参数：
主页面：<h:param name="param1"  value="url传递的参数"/>
接收页面：<%=URLDecoder.decode(request.getParameter("param1"),"UTF-8") %>



紫蝶∏飛揚↗ 2010-09-30 14:55 发表评论
]]>EOS 解决STRUTS标签不能嵌套的问题http://www.blogjava.net/algz/articles/333235.html紫蝶∏飛揚↗紫蝶∏飛揚↗Tue, 28 Sep 2010 07:34:00 GMThttp://www.blogjava.net/algz/articles/333235.htmlhttp://www.blogjava.net/algz/comments/333235.htmlhttp://www.blogjava.net/algz/articles/333235.html#Feedback0http://www.blogjava.net/algz/comments/commentRss/333235.htmlhttp://www.blogjava.net/algz/services/trackbacks/333235.htmlEOS提供了<l:iterator/>标签，可以对数组集合进行迭代。
iterate标签的实现原理是对数组或集合进行迭代，每次把子元素放在page数据区指定的节点下。这个节点名称由iterate标签的id

属性来指定。
<%=  ((DataObject)pageContext.getAttribute("id1")).getString("paramDictname") %>



紫蝶∏飛揚↗ 2010-09-28 15:34 发表评论
]]>EOS TAB子页定义ID,不重复ID方法http://www.blogjava.net/algz/articles/333234.html紫蝶∏飛揚↗紫蝶∏飛揚↗Tue, 28 Sep 2010 07:20:00 GMThttp://www.blogjava.net/algz/articles/333234.htmlhttp://www.blogjava.net/algz/comments/333234.htmlhttp://www.blogjava.net/algz/articles/333234.html#Feedback0http://www.blogjava.net/algz/comments/commentRss/333234.htmlhttp://www.blogjava.net/algz/services/trackbacks/333234.htmlTAB子页定义ID,不重复ID方法(注:TAB对象的获取用$o("id"));TAB对象无法创建IFRAME带关闭按钮的TAB子页(其自带的创建带关闭按扭TAB子页无法正常加载页面)
1.取TAB对象的最后一个子页的ID+"1",形成如"ID11111"方式.(当然如果有主键作为ID最好)
    var tab= $o("emailList").getTabs()[$o("emailList").getLength()-1];
  var  id=tab.id+"1";
2. var title+='<A class=close onclick="$o(\'emailList\').getTab(\''+id+\").close();"><DIV></DIV></A>'
3.tab子页面调用父窗口进行CRUD控制方法
 <script>  
    function addtabpage(id,title,src){
    var tab= $o("emailList").getTabs()[$o("emailList").getLength()-1];
    id=tab.id+"1";
      if($o("emailList").getTab(id)==null){
      title+='<A class=close onclick="$o(\'emailList\').getTab(\''+id+'\').close();"><DIV></DIV></A>'
        $o("emailList").createIframeTab(title,src,true,id) 
      }
        $o("emailList").getTabs()[$o("emailList").getLength()-1].active();
    }
    
    function deltabpage(id){
    if(id==null) {
    $o("emailList").getActiveTab().close()
    }else
      $o(id).close();
    }
   
   function getTabSize(){
     return $o("emailList").getLength();
   }
  
   function refreshTab(){
   alert()
   $o("emailList").getActiveTab().reload()
   }
    </script>



紫蝶∏飛揚↗ 2010-09-28 15:20 发表评论
]]>EOS 异常处理,及页面回显异常信息http://www.blogjava.net/algz/articles/333233.html紫蝶∏飛揚↗紫蝶∏飛揚↗Tue, 28 Sep 2010 07:19:00 GMThttp://www.blogjava.net/algz/articles/333233.htmlhttp://www.blogjava.net/algz/comments/333233.htmlhttp://www.blogjava.net/algz/articles/333233.html#Feedback0http://www.blogjava.net/algz/comments/commentRss/333233.htmlhttp://www.blogjava.net/algz/services/trackbacks/333233.html 1.打开异常配置文件:构件包的配置--->resources--->exception--->exception.properties
2.添加异常代码号和异常信息
3.逻辑流中添加异常图元,并选择异常代码号.
4.捕获异常:异常线连接事务回滚
5.事务回滚连接赋值图元:隐藏的EOS异常变量(__exception,注:只有异常时才出现)赋值给页面变量(<b:write>显示)
commonResult/errorMessage=__exception/message

紫蝶∏飛揚↗ 2010-09-28 15:19 发表评论
]]>EOS 弹出窗口自适应大小http://www.blogjava.net/algz/articles/333028.html紫蝶∏飛揚↗紫蝶∏飛揚↗Mon, 27 Sep 2010 02:13:00 GMThttp://www.blogjava.net/algz/articles/333028.htmlhttp://www.blogjava.net/algz/comments/333028.htmlhttp://www.blogjava.net/algz/articles/333028.html#Feedback0http://www.blogjava.net/algz/comments/commentRss/333028.htmlhttp://www.blogjava.net/algz/services/trackbacks/333028.html自适应弹出窗口的大小(注:弹出窗口时应在父窗口中设置其较大的宽和高以适应内部数据调整)
    function init(){
    resize(document.body.scrollWidth+16,document.body.scrollHeight+38);//iframe的实际高度加上弹出窗口的边框
    }



紫蝶∏飛揚↗ 2010-09-27 10:13 发表评论
]]>EOS 标签比较源值是否存在于目标值列表中,并子典按分隔符显示子典值列表http://www.blogjava.net/algz/articles/333024.html紫蝶∏飛揚↗紫蝶∏飛揚↗Mon, 27 Sep 2010 02:09:00 GMThttp://www.blogjava.net/algz/articles/333024.htmlhttp://www.blogjava.net/algz/comments/333024.htmlhttp://www.blogjava.net/algz/articles/333024.html#Feedback0http://www.blogjava.net/algz/comments/commentRss/333024.htmlhttp://www.blogjava.net/algz/services/trackbacks/333024.html比较源值是否存在于目标值列表中,并子典按分隔符显示子典值列表
          <l:in iterateId="id1" property="paramPagetype" targetValue="checkbox,radio,select-one" seperator=",">
          <d:write seperator="," value='<%=((DataObject)pageContext.getAttribute("id1")).getString("paramDbname") %

>'  iterateId="id1" property='<%=((DataObject)pageContext.getAttribute("id1")).getString("paramDbname") %>'

dictTypeId='<%=((DataObject)pageContext.getAttribute("id1")).getString("paramDictname") %>' />
          </l:in>



紫蝶∏飛揚↗ 2010-09-27 10:09 发表评论
]]>eos 表单自定义校验(可用于普通HTML和EOS HTML元素)http://www.blogjava.net/algz/articles/333023.html紫蝶∏飛揚↗紫蝶∏飛揚↗Mon, 27 Sep 2010 02:07:00 GMThttp://www.blogjava.net/algz/articles/333023.htmlhttp://www.blogjava.net/algz/comments/333023.htmlhttp://www.blogjava.net/algz/articles/333023.html#Feedback0http://www.blogjava.net/algz/comments/commentRss/333023.htmlhttp://www.blogjava.net/algz/services/trackbacks/333023.html <h:select validateAttr="type=checkpc;allowNull=false" name="province" onchange="select();"></h:select>
<select name="city" onChange = "select()" validateAttr="type=checkpc;allowNull=false"></select>
//所有校验的函数名都必须以"f_check_"开头;错误提示信息用f_alert("元素NAME","错误提示信息")
function f_check_checkpc(obj){ 
if(obj.value=="请选择省份名"||obj.value=="请选择城市名"){
f_alert(obj,"请正确的选择省份或城市")
return false;
}
return true;
}

紫蝶∏飛揚↗ 2010-09-27 10:07 发表评论
]]>EOS 中<r:comboSelect />动态加载数据http://www.blogjava.net/algz/articles/331337.html紫蝶∏飛揚↗紫蝶∏飛揚↗Tue, 07 Sep 2010 10:10:00 GMThttp://www.blogjava.net/algz/articles/331337.htmlhttp://www.blogjava.net/algz/comments/331337.htmlhttp://www.blogjava.net/algz/articles/331337.html#Feedback0http://www.blogjava.net/algz/comments/commentRss/331337.htmlhttp://www.blogjava.net/algz/services/trackbacks/331337.html 页面:
<r:comboSelect id="comboboxcontractor" queryAction="com.bos.mp.workflow.email.mpemailbiz.getContractorByKind.biz"  textField="contractorcn" valueField="contractorname" xpath="contractors">
</r:comboSelect>
JS: 利用AJAX取到DataObject[] 数组对象(JS里的entity类型指的就是DataObject[] 数据,记住EOS以XML为中心,所有数据类型都是DataObject泛对象),然后加载entity数据
var myAjax = new Ajax("com.bos.mp.workflow.email.mpemailbiz.getContractorByKind.biz");
myAjax.submit();
var returnNode =myAjax.getValue("root/data")
$id("comboboxcontractor").freshFromEntity(returnNode);
后台:
一个逻辑流,输出为DataObject [] contractors

紫蝶∏飛揚↗ 2010-09-07 18:10 发表评论
]]>