`

dwr实例2(级联菜单并确定默认值)

    博客分类:
  • AJAX
阅读更多

<%@ include file="/common/taglibs.jsp"%>

<title><fmt:message key="menu.admin" />-><fmt:message key="menu.admin.departmentsManager" /></title>

<link rel="stylesheet" type="text/css" media="all" href="<c:url value='/styles/default.css'/>" />
<link rel="stylesheet" type="text/css" media="all" href="<c:url value='/styles/helptip.css'/>" />
<link rel="stylesheet" type="text/css" media="print" href="<c:url value='/styles/print.css'/>" />

<c:if test="${not empty errorReason}">
   <div align="center" style="color: red">
       <c:if test="${errorReason=='updateConstraint'}">
         <fmt:message key="tcsBox.updateConstraint"/>
       </c:if>
       <c:if test="${errorReason=='addConstraint'}">
         <fmt:message key="tcsBox.addConstraint"/>
       </c:if>
   </div>
</c:if>
<html:form action="editBoxes.html?method=finishEdit" styleId="TcsboxForm" >

<table class="detail" valign="top"> 
<c:if test="${from == 'update' or param.handle =='update'}">
  <input type="hidden" value="update"  name="handle"/>
</c:if >
<c:if test="${from == 'add'}">
  <input type="hidden" value="add"  name="handle"/>
</c:if >  
<!-- <c:set var="pageButtons">
    <tr>
        <td height="50"></td>
        <td class="buttonBar">
         <c:if test="${from == 'update'}">
           <input type="submit" value='<fmt:message key="button.submit"/>' class="button" />
           <input type="hidden" value="update"  name="handle"/>
         </c:if >
         <c:if test="${from == 'add'}">
          <input type="submit" value='<fmt:message key="button.submit"/>' class="button" />
          <input type="hidden" value="add"  name="handle"/>
            </c:if >  
             <input type="reset" value='<fmt:message key="button.reset"/>' class="button"/>
               
                <input type="button" value='<fmt:message key="button.back"/>' class="button" onclick="history.back()"/>
        </td>
    </tr>
</c:set> -->
 
      <c:if test="${from=='update' or param.handle =='update'}">
        <tr>
         <th>
             <manhourpool:label key="TcsBoxForm.tcs_box_id"/>
         </th>
         <td>
             <html:text property="tcs_box_id" styleId="tcs_box_id" readonly="true"></html:text>
         </td>
         </tr>
       </c:if>
     <tr>
         <th>
             <manhourpool:label key="TcsBoxForm.code"/>
         </th>
         <td>
             <html:text property="tcs_box_code" styleId="tcs_box_code" ></html:text>
         </td>
     </tr>
      <tr>
         <th>
             <manhourpool:label key="TcsBoxForm.tcs_box_name"/>
         </th>
         <td>
             <html:text property="tcs_box_name" styleId="tcs_box_name" ></html:text>
         </td>
     </tr>
     <tr>
         <th>
             <manhourpool:label key="TcsBoxForm.companycode"/>
         </th>
         <td>
         <html:select property="company_code" styleId="company_code" onchange="changeCompany_Code(this)">
          <html:options collection="companyLst" property="code" labelProperty="name" />
         </html:select>
         </td>
     </tr>
     <tr>
         <th>
             <manhourpool:label key="TcsBoxForm.burea"/>
         </th>
         <td>
         <html:select property="bureau_id"  styleId="bureau_id" >
          <html:options collection="bureauLst" property="code" labelProperty="name" />
         </html:select>
         </td>
     </tr>
    
      <tr>
         <th>
             <manhourpool:label key="TcsBoxForm.district"/>
         </th>
         <td>
         <html:select property="district_id"  styleId="district_id" >
          <html:options collection="districtLst" property="code" labelProperty="name" />
         </html:select>
         </td>
     </tr>
    
     <tr>
         <th>
             <manhourpool:label key="TcsBoxForm.address"/>
         </th>
         <td>
    <html:text property="tcs_address" styleId="tcs_address" ></html:text>
         </td>
     </tr>
     <c:if test="${from=='update' or param.handle =='update'}">
          <tr>
          <th>
              <manhourpool:label key="chartem.state"/>
          </th>
          <td>
              <html:select property="state" >
                 <html:options collection="doms" property="column_value" labelProperty="description"/>
              </html:select>
          </td>
         </tr>
     </c:if>
</table>
<table align="center">
<!-- <c:out value="${pageButtons}"  escapeXml="false"/> --></table>
</html:form>


<script type='text/javascript' src='dwr/interface/bureauManager.js'></script>
<script type='text/javascript' src='dwr/interface/districtManager.js'></script>
<script type='text/javascript' src='dwr/engine.js'></script>
<script type='text/javascript' src='dwr/util.js'></script>
<script type="text/javascript">
   var bureau_on_load=true;
   var bureau_id='<c:out value="${tcsBoxForm.bureau_id}"/>';
   window.onload=function(){
     window.changeCompany_Code(document.all.company_code);
 var ppage = window.parent.document.frames['theiframtwo'];
 if('<c:out value="${handlesucc}" />'){
  ppage.document.getElementById('viewBoxes').submit();
 }
   }
   function changeCompany_Code(sel_obj)
   {
     var company_code=sel_obj.value;
    
     if(company_code=='')
        return;
     var param =new Object();
     param.company_code=company_code;
     bureauManager.getBureauListInDwr(param,showBureau);
     districtManager.getDistrictBycompany(company_code,showDistrict);
     
   }
  
   function showBureau(bureaus)
   {
 //     var bureau_id=$('bureau_id').value;
 //     if(window.bureau_on_load)
 //     {
 //       bureau_id='<c:out value="${param.bureau_id}"/>';
 //       window.bureau_on_load=false;
//      }
      DWRUtil.removeAllOptions('bureau_id');
      var op=document.createElement('option');
      op.value='';
      op.text='<fmt:message key="task.default" />';
      $('bureau_id').options.add(op);
     
      DWRUtil.addOptions('bureau_id',bureaus,'bureau_id','bureau_name');
      for(var i=0;i<$('bureau_id').options.length;i++)
      {
        if($('bureau_id').options[i].value==bureau_id)
        {
          $('bureau_id').selectedIndex=i;
          break;
        }
      }
   }
  
  
   function showDistrict(dis)
   { 
  
   var dis_code=$('district_id').value;
   if(window.isOnload)
   {
     dis_code='<c:out value="${taskInfoForm.district_id}"/>';
     window.isOnload=false;
   }
     DWRUtil.removeAllOptions('district_id');
     var op=document.createElement('option');
     op.value='';
     op.text='<fmt:message key="task.default" />';
     $('district_id').options.add(op);
     DWRUtil.addOptions('district_id',dis,'code','name');
     for(var i=0;i<$('district_id').options.length;i++)
     {
      if($('district_id').options[i].value==dis_code)
      {
        $('district_id').selectedIndex=i;
        break;
      }
     }
   }
</script>



小菜毛毛 2009-06-02 21:30 发表评论
分享到:
评论

相关推荐

    dwr例子演示级联菜单

    这个例子“dwr例子演示级联菜单”旨在帮助我们理解如何使用DWR来创建动态的、交互式的级联下拉菜单。级联菜单常用于Web应用程序中,例如在选择国家时自动更新相应的省份列表。 首先,让我们了解一下DWR的基本工作...

    dwr 实现 级联菜单 外加一本pdf的参考书

    2. **前端代码**:展示如何在HTML页面中使用JavaScript和DWR API创建级联菜单的结构,并实现事件监听,触发服务器端的方法调用。 3. **后端代码**:解释如何在Java中编写处理级联菜单请求的方法,获取并返回子菜单...

    dwr实现2级级联菜单(sql2000 数据库)

    本篇文章将深入探讨如何利用DWR来实现一个两级级联菜单,并以SQL Server 2000数据库作为数据源。 首先,我们需要理解DWR的基本工作原理。DWR允许在后台执行Java方法并返回结果到前端,无需刷新整个页面。这种技术...

    DWR级联菜单下拉框

    **DWR级联菜单下拉框** DWR(Direct Web Remoting)是一个开源JavaScript库,它允许Web应用程序在客户端和服务器之间进行实时通信,而无需使用传统的页面刷新。在这个项目中,我们关注的是如何利用DWR实现一个三级...

    Ajax级联菜单,通过dwr框架实现省份城市级联效果

    在这个特定的场景中,我们利用Ajax技术和Direct Web Remoting(DWR)框架来创建一个动态的省份城市级联菜单。这个功能能够提升用户体验,因为它减少了用户手动刷新页面的需求,提供了流畅的交互。 首先,我们需要...

    级联菜单 java+dwr

    级联菜单(Cascading Menu)在...总的来说,这个项目旨在教你如何结合Java、DWR和数据库技术实现动态的级联菜单,提高Web应用的交互性。通过实践这个例子,你可以加深对Java后端开发、Ajax通信和前端动态更新的理解。

    Ajax的dwr框架实现级联

    在本项目中,我们将讨论如何利用DWR框架来实现级联效果,即一个下拉框的选项改变会影响到另一个下拉框的显示内容。 级联通常用于数据表单中,如地区选择,省份改变时城市会随之更新,城市改变时区县也会相应变化。...

    ssh+dwr 3级联

    2. 构建后端服务:使用Spring(SSH中的S)框架来设计和实现业务逻辑层,处理来自DWR的请求。 3. 实现DWR集成:在Web应用中引入DWR库,配置DWR Context,定义可以被前端调用的Java方法。 4. 前端交互:在JavaScript中...

    dwr 实例 Dwr实例

    自己写的dwr实例。方便大家学习,包括jar文件,希望对大家有帮助

    dwr实例教程 很好的入门实例

    ### dwr实例教程知识点解析 #### 一、DWR简介及功能特点 DWR(Direct Web Remoting)是一种简化Ajax应用开发的技术框架。它能够使客户端的JavaScript代码直接调用服务器端的Java方法,实现数据的实时交互。与传统...

    dwr实例dwr实例dwr实例

    dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr实例dwr...

    一个简单DWR学习二级菜单实例

    一个简单DWR学习二级菜单实例一个简单DWR学习二级菜单实例一个简单DWR学习二级菜单实例一个简单DWR学习二级菜单实例一个简单DWR学习二级菜单实例一个简单DWR学习二级菜单实例一个简单DWR学习二级菜单实例

    AJAX-DWR下拉框级联

    AJAX-DWR下拉框级联是Web开发中一种常见的交互设计,主要用于提高用户体验,使得用户在选择某个选项时,相关联的下拉框能够自动更新其内容,以适应不同的场景需求。在这个实验中,我们将重点探讨如何使用AJAX和DWR...

    dwr经典实例(9个常用实例)

    DWR (Direct Web Remoting) 是一个开源JavaScript库,它允许Web应用程序与服务器端Java...通过学习和实践这些实例,开发者能够深入理解DWR的工作原理,并能将其应用于实际项目中,提高Web应用的用户体验和开发效率。

    Ajax框架:简单的dwr实例

    1. **安装与引入DWR库**:将DWR的JAR文件添加到项目的类路径中,并在Web应用的`WEB-INF/web.xml`中配置DWR的Servlet。 2. **定义JavaBean**:在服务器端创建一个Java类,暴露需要在JavaScript中调用的方法。 3. **...

    SSH+dwr实现三级级联

    在这个场景中,“SSH + dwr 实现三级级联”指的是使用SSH框架与DWR技术结合,来实现前端页面中的多级联动下拉框功能。 首先,让我们详细了解一下SSH框架: 1. **Struts**:这是一个基于MVC(Model-View-Controller...

    Struts_Hibernate_Dwr框架整合省份菜单级联

    本资料主要探讨的是如何将这三个框架进行集成,实现省份菜单的级联功能,即在前端选择省份时,对应的下拉菜单会动态加载出该省份的城市。 首先,Struts是一个MVC(Model-View-Controller)框架,它负责处理用户请求...

    dwr.demo dwr实例

    2. **Java后端**:DWR实例会包含一些Java类,这些类的方法将被暴露给前端JavaScript使用。这些方法通常处理业务逻辑或数据访问。 3. **JavaScript前端**:DWR提供了一套JavaScript库,用于与服务器进行通信。在前端...

    API_CHM\DWR实例.rar

    API_CHM DWR实例 API_CHM DWR实例 API_CHM DWR实例 API_CHM DWR实例 API_CHM DWR实例 API_CHM DWR实例 API_CHM DWR实例 API_CHM DWR实例

    dwr+spring实例

    本实例"DWRSpring实例"是一个使用DWR与Spring框架结合的消息发布系统,包含了基础的CRUD(Create、Read、Update、Delete)操作。通过这个例子,我们可以深入理解DWR和Spring如何协同工作,以及它们在实际开发中的...

Global site tag (gtag.js) - Google Analytics