`
306781704
  • 浏览: 86787 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

dwr二级级联

    博客分类:
  • js
阅读更多

<%@ page contentType="text/html; charset=utf-8" %>
<%@page import="java.util.ArrayList"%>
<%@page import="bean.CategoryBean"%>
<%@page import="bean.SchoolBean"%>
<jsp:useBean id="schoolAction" class="action.school.SchoolAction"/>
<jsp:useBean id="categoryAction" class="action.category.CategoryAction"/>
<%schoolAction.getallschoollist(request);
ArrayList<SchoolBean> schoolidlist=(ArrayList)request.getAttribute("schoolidlist");
categoryAction.getCategoryList(request);
ArrayList<CategoryBean> categoryList = (ArrayList)request.getAttribute("categoryList");
CategoryBean category = null;%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<META http-equiv=Content-Type content="text/html; charset=utf-8"/>
<title>添加课程 - 后台管理</title>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<link href="images/base.css" rel="stylesheet" type="text/css"/>
</head>
<script src="../dwr/interface/categoryJS.js"></script>
<script src="../dwr/util.js"></script>
<script src="../dwr/engine.js"></script>
<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
<script>
function check(form)
{
 if(form.categoryid.value==0)
 {
  alert("请选择一级分类");
  return false;
 }
 if(form.schoolid.value==0)
 {
  alert("请选择主办院校");
  return false;
 }
 if(form.name.value=='')
 {
  alert("课程名不能为空");
  return false;
 }
 if(form.courtime.value=='')
 {
  alert("开课时间不能为空");
  return false;
 }
 if(form.finishtime.value=='')
 {
  alert("结课时间不能为空");
  return false;
 }
 if(form.totalprice.value=='')
 {
  alert("课程费用不能为空");
  return false;
 }
 if(form.classhour.value=='')
 {
  alert("学制学时不能为空");
  return false;
 }
 if(form.place.value=='')
 {
  alert("开课地点不能为空");
  return false;
 }
 if(form.classhour.value=='')
 {
  alert("学制学时不能为空");
  return false;
 }
 if(isNaN(form.totalprice.value)){
    alert('课程费用必须是数字!')
    document.form.totalprice.focus();
    return false;
 }
 return true;
 
}
function getCategory()
{
 var pid = document.getElementById('categorypid').value;
 categoryJS.getSonCategory(pid,getCategoryBack);
}
function getCategoryBack(d)
{
 DWRUtil.removeAllOptions("categoryid");
 DWRUtil.addOptions("categoryid",d);
}
</script>
<style type="text/css" rel="stylesheet">
    .source {
    width: 700px;
    font-size: 12px;
    font-family:Courier New;
    border: 1px solid #AAAAAA;
    background-color: #F0F0EE;
    padding: 5px;
    }
    .source pre {
    margin: 0;
    }
    form {
    margin: 0;
    }
    .editor {
    margin-top: 5px;
    margin-bottom: 5px;
    }
  </style>
  <script type="text/javascript" charset="utf-8" src="./../commons/editor/build/kindeditor-mini.js"></script>
  <script type="text/javascript">
    KE.show({
        id : 'content2',
        cssPath : './index.css',
        items : [
        'fontname', 'fontsize', 'textcolor', 'bgcolor', 'bold', 'italic', 'underline',
        'removeformat', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
        'insertunorderedlist']
    });
  </script>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="main">
 <jsp:include page="top.htm" flush="true" />
 <div class="agctitle">
  添加课程
 </div>
 <form action="do/addcourses.jsp" method="post" name="form" enctype="multipart/form-data" onsubmit="return check(this)">
 <div class="agccontent">
  <li><div class="sleft">主办院校:</div>
  <select name="schoolid">
  <option value="0">请选择主办院校</option>
  <%for(int i=0;i<schoolidlist.size();i++){
  %>
  <option value="<%=schoolidlist.get(i).getId() %>"><%=schoolidlist.get(i).getName() %></option>
  <%
  } %>
  </select>
  </li>
  <li><div class="sleft">课程分类:</div>
  <select name="categorypid" onchange="getCategory();" id="categorypid">
  <option value="0">请选择一级分类</option>
  <%for(int i=0;i<categoryList.size();i++){
  %>
  <option value="<%=categoryList.get(i).getId()%>"><%=categoryList.get(i).getName() %></option>
  <%} %>
  </select>
  <select name="categoryid" id="categoryid">
  <option value="0">请选择二级分类</option>
  </select></li>
  <li><div class="sleft">课程标题:</div><input type="text" name="name"/></li>
  <li><div class="sleft">开课时间:</div><input type="text" name="courtime" id="d4311" class="Wdate"  onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4312\')||\'2020-10-01\'}'})"/></li>
  <li><div class="sleft">结课时间:</div><input type="text" name="finishtime" id="d4312" class="Wdate" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d4311\')}',maxDate:'2020-10-01'})"/></li>
  <li><div class="sleft">课程学费:</div><input type="text" name="totalprice"/></li>
  <li><div class="sleft">开课地点:</div><input type="text" name="place"/></li>
  <li><div class="sleft">学制学时:</div><input type="text" name="classhour"/></li>
  <li><div class="sleft">课程图片:</div><input type="file" name="imgurl"/>(只能是*.jpg,*.gif,*.bmp三种格式)</li>
  <li><div class="sleft">文件上传:</div><input type="file" name="fileurl"/>(只能是*.doc)</li>
  <li><div class="sleft">是否公告:</div>
  <select name=isaffiche id="isaffiche">
  <option value="0">否</option>
  <option value="1">是</option>
  </select>
  </li>
  <li><div class="sleft">是否推荐:</div>
  <select name="iscommend" id="iscommend">
  <option value="0">否</option>
  <option value="1">是</option>
  </select></li>
  <li><div class="sleft">课程内容:</div><textarea name="content" style="width:400px;height:200px;visibility:hidden;" id="content2"></textarea></li>
 </div>
 <div class="submits"><input type="submit" value="提 交"/></div>
 </form>
 <jsp:include page="footer.htm" flush="true" />
</div>
</body>
</html>

 

 

 

package action.category;

import bean.CategoryBean;
import java.util.ArrayList;
import java.util.Map;
import java.util.HashMap;

public class DwrAction {
  public Map getSonCategory(int pid)
 {
  ArrayList<CategoryBean> categoryList = new ICategoryAction().getCategoryList();
  Map map = new HashMap();
  for(CategoryBean category:categoryList)
  {
   if(category.getPid()==pid)
    map.put(category.getId(),category.getName());
  }
  return map;
 }

}

 

dwr.xml

<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
    "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
<dwr>
  <allow>
    <create creator="new" javascript="categoryJS">
      <param name="class" value="action.category.DwrAction"/>
    </create>
    <create creator="new" javascript="Cart">
      <param name="class" value="action.web.CartDwr"/>
    </create>
    <create creator="new" javascript="MemberWeb">
      <param name="class" value="web.MemberWeb"/>
    </create>
  </allow>
</dwr>

 

 

<servlet>
     <servlet-name>dwr-invoker</servlet-name>
     <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
     <init-param>
       <param-name>debug</param-name>
       <param-value>true</param-value>
     </init-param>
     <init-param>
       <param-name>scriptCompressed</param-name>
       <param-value>false</param-value>
     </init-param>
     <load-on-startup>1</load-on-startup>
   </servlet>

   <servlet-mapping>
     <servlet-name>dwr-invoker</servlet-name>
     <url-pattern>/dwr/*</url-pattern>
   </servlet-mapping>

 

 

 

分享到:
评论

相关推荐

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

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

    SSH+dwr实现三级级联

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

    dwr省市区三级级联

    标题 "dwr省市区三级级联" 涉及到的是一个前端开发中的常见问题,即如何实现省市区的三级联动效果。这个标题暗示我们这是一个使用Direct Web Remoting (DWR) 技术来实现的功能,它允许JavaScript与服务器端Java代码...

    ssh+dwr(实现3级联)

    当用户在一级下拉框中选择后,前端通过DWR调用Service层的方法获取对应的二级数据,更新二级下拉框;同理,选择二级后更新三级下拉框。 6. **测试与优化**:在浏览器中运行项目,测试各个级别联动是否正常工作。...

    级联菜单 java+dwr

    4. 当用户选择一级菜单时,通过Ajax调用DWR暴露的Java方法,获取相应的二级菜单数据。 5. 使用获取的数据动态更新HTML,显示二级菜单。 6. 如有必要,可以继续扩展为三级或更多级的级联效果。 总的来说,这个项目...

    ajaxdwr select二级联动

    在这个“ajaxdwr select二级联动”的场景中,我们将讨论如何利用这两种技术实现下拉菜单的级联选择效果。 Ajax是一种在无需刷新整个页面的情况下,能够更新部分网页的技术。它通过JavaScript发送异步请求到服务器,...

    DWR+hibernate+spring级联下拉列表框

    6. **事件处理**:在 JavaScript 中,监听第一个下拉列表框的 `onchange` 事件,当选择的部门发生变化时,调用 DWR 接口获取新的员工列表,并更新第二个下拉列表框。 7. **安全与优化**:确保 DWR 接口的安全性,...

    纯JSP+DWR实现三级联动下拉选择菜单 实现无刷新联动 DWR判断用户是否存在 ajax二级联动菜单 DWR操作数据库模拟实现Google搜索效果

    DWR允许我们通过JavaScript在客户端动态更新下拉菜单选项,当用户在一个菜单中做出选择时,根据选择的值,DWR会自动向服务器发送请求,获取并填充后续级联菜单的内容。这一过程无需用户手动刷新页面,提高了用户体验...

    dwr实现聊天室+级连+搜索提示

    在这个“dwr实现聊天室+级连+搜索提示”的项目中,我们将探讨以下几个关键知识点: 1. **DWR聊天室实现**: 聊天室的实现通常涉及客户端和服务器端的实时数据交换。DWR通过创建JavaScript对象(Callee)来映射...

    DWR实现的三级联动链表的例子

    当选择改变时,调用`getLevel2Categories()`并传入选择的一级分类ID,得到的二级分类列表更新到二级下拉框。同样,二级选择事件会触发`getLevel3Categories()`,更新三级下拉框。 4. **HTML结构**:确保每个下拉框...

    dwr+struts 三级菜单

    项目中的"dwrt+struts三级级联菜单"可能包含了以下文件: - `struts-config.xml`: Struts框架的配置文件,定义了Action和ActionForm。 - `dwr.xml`: DWR的配置文件,声明了允许JavaScript调用的Java方法。 - Java...

    struts2+dwr整合实例

    6. **级联下拉框实现**: 通过监听第一个下拉框的改变事件,DWR实时更新第二个下拉框的内容,实现级联效果。 7. **数据绑定**: 在DWR中,可以将服务器端的数据直接绑定到JavaScript对象,然后在页面上动态更新UI。 ...

    纯JSP+DWR实现三级联动下拉选择菜单实现技巧

    在本文中,我们将探讨如何使用纯JSP和Direct Web Remoting (DWR) 实现一个三级联动下拉选择菜单的示例。这个技术通常用于在Web应用中创建动态交互的用户体验,例如根据用户在一个下拉菜单中的选择更新其他下拉菜单的...

    开发Ajax总结

    - **按需取数据**:如级联菜单,根据用户的前一步选择动态加载后续选项。 - **读取外部数据**:例如,从第三方API获取数据并在页面上显示。 #### 二、发送请求及处理响应 ##### 2.1 GET请求 GET请求是最常见的...

    Ext 开发指南 学习资料

    4.4.7. 露一小手,组合上面所知,省市县三级级联。哈哈~ 4.4.7.1. 先做一个模拟的,所有数据都在本地 4.4.7.2. 再做一个有后台的,需要放在服务器上咯 4.5. 把form里的那些控件全部拿出来看看 4.6. form提交数据的...

    EXT2.0中文教程

    4.4.7. 露一小手,组合上面所知,省市县三级级联。哈哈~ 4.4.7.1. 先做一个模拟的,所有数据都在本地 4.4.7.2. 再做一个有后台的,需要放在服务器上咯 4.5. 把form里的那些控件全部拿出来看看 4.6. form提交数据的...

Global site tag (gtag.js) - Google Analytics