开发者

how to use external js file in struts 1.1 application and call the javascript function on onclick event?

开发者 https://www.devze.com 2023-01-09 23:14 出处：网络
i want to use ajax and javascript in struts 1.1 application beca开发者_如何学编程use i want to make datagrid with insert,update,delete.Creating Dynamic Grid Using Struts-1, Jsp, Java, Javascript
相关专题：struts

i want to use ajax and javascript in struts 1.1 application beca开发者_如何学编程use i want to make datagrid with insert,update,delete.

Creating Dynamic Grid Using Struts-1, Jsp, Java, Javascript

Grid.jsp

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<script type="text/javascript" src="scripts/scrollabletable.js"></script>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@page import="java.util.ArrayList"%>
<%@page import="sme.struts.actionform.Grid_form"%>
<html:html>
<script type="text/javascript">
function adddata()
{
document.forms[0].action="Grid.do?parameter=add"
document.forms[0].submit()
document.forms[0].add.disabled=true
return true
}
</script>
<head>
<html:base />

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>My Grid</title>
<style type="text/css">
<!--
.style5 {font-family: "Bookman Old Style"; font-weight: bold; font-size: 14px; }
.style6 {
    font-size: 14px;
    color: #CCCCCC;
}
.style10 {font-family: "Bookman Old Style"; font-size: 14; }
.style11 {font-size: 14}
.style13 {font-family: "Bookman Old Style"; font-weight: bold; font-size: 14px; color: #CCCCCC; }
-->
</style>
</head>
<body>
<%
String message=(String)request.getAttribute("gridmessage");
if(message==null)message="";
%>
<html:form action="/Grid" method="post">
<table width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td width="21%" class="style5">Name :<html:text property="name" /></td>
    <td width="25%" class="style5">Description :<html:text property="description" /></td>
    <td width="16%" class="style5">Age :<html:text property="age" /></td>
    <td width="38%"><html:button property="add" value="Add" onclick="adddata()" /></td>
  </tr>
  <tr>
    <td><%= message %></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<table id="myScrollTable" width="100%" cellspacing="0" cellpadding="0" border="1">
<thead>
  <tr bgcolor="#333333">
    <th width="14%"><span class="style13">Slno</span></th>
    <th width="31%"><span class="style13">Name</span></th>
    <th width="27%"><span class="style13">Description</span></th>
    <th width="12%"><span class="style13">Age</span></th>
    <th width="16%">&nbsp;</th>
  </tr>
  </thead>
  <tbody>
  <%
  int i=0;
  if((ArrayList<Grid_form>)session.getAttribute("gridlist")!=null)
  {
  %>
  <logic:iterate id="gridlist_id" name="gridlist">
  <tr>
    <td><span class="style10">&nbsp;<%= i+1 %>
    <a href="Grid.do?parameter=delete&listid=<%= i %>");return false;">Delete   </a>
    </span></td>
    <td><span class="style10">&nbsp;
      <bean:write name="gridlist_id" property="name" />
    </span></td>
    <td><span class="style10">&nbsp;
      <bean:write name="gridlist_id" property="description" />
    </span></td>
    <td><span class="style10">&nbsp;
      <bean:write name="gridlist_id" property="age" />
    </span></td>
    <td><span class="style11"></span></td>
  </tr>
  <% 
  i++; 

  %>
  </logic:iterate>
  <%
  }
  %>
  </tbody>
</table>
<script type="text/javascript">
    var t = new ScrollableTable(document.getElementById('myScrollTable'),200);
   </script>
</html:form>
</body>
</html:html>

Action Servlet: Grid.java

package sme.struts.action;

import java.util.ArrayList;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import org.apache.struts.actions.DispatchAction;

import sme.struts.actionform.Grid_form;
import sme.struts.actionform.test_form;

public class Grid extends DispatchAction {
    public ActionForward add(ActionMapping mapping, ActionForm form,
            HttpServletRequest request, HttpServletResponse response)
            throws Exception {
        String message = "";

        Grid_form gf = (Grid_form) form;

        String name = gf.getName();
        String description = gf.getDescription();
        String age = gf.getAge();

        ArrayList<Grid_form> al = null;// new ArrayList<Grid_form>();

        HttpSession session = request.getSession();

        al = (ArrayList<Grid_form>) session.getAttribute("gridlist");

        Grid_form myform = new Grid_form();

        if (al == null) {
            al = new ArrayList<Grid_form>();
            myform.setName(name);
            myform.setDescription(description);
            myform.setAge(age);
            al.add(myform);
        } else {
            boolean flag = true;
            for (int i = 0; i < al.size(); i++) {
                if (al.get(i).getName().equals(name)) {
                    flag = false;
                    break;
                }
            }

            if (flag == false) {
                message = "Data already exists";
            } else {
                myform.setName(name);
                myform.setDescription(description);
                myform.setAge(age);
                al.add(myform);
            }
        }
        request.setAttribute("gridmessage", message);
        session.setAttribute("gridlist", al);
        System.out.println("Description is:::::" + gf.getDescription());
        return mapping.findForward("addsuccess");
    }

    public ActionForward delete(ActionMapping mapping, ActionForm form,
            HttpServletRequest request, HttpServletResponse response)
            throws Exception {
        Grid_form gf = (Grid_form) form;

        ArrayList<Grid_form> al = null;// new ArrayList<Grid_form>();
        HttpSession session = request.getSession();
        al = (ArrayList<Grid_form>) session.getAttribute("gridlist");
        String listid = request.getParameter("listid");
        if (al != null) {
            al.remove(Integer.parseInt(listid));
        } else {

        }
        session.setAttribute("gridlist", al);
        return mapping.findForward("addsuccess");
    }
}

Action Form: Grid_form.java

package sme.struts.actionform;

import javax.servlet.http.HttpServletRequest;

import org.apache.struts.action.ActionErrors;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionMapping;

public class Grid_form extends ActionForm {
    private String name;
    private String description;
    private String age;

    /**
     * Method reset
     * 
     * @param mapping
     * @param request
     */
    public void reset(ActionMapping mapping, HttpServletRequest request) {
        // TODO Auto-generated method stub
    }

    public ActionErrors validate(ActionMapping mapping,
            HttpServletRequest request) {
        ActionErrors errors = new ActionErrors();
        System.out.println("1");
        // TODO Auto-generated method stub
        return errors;
    }

    public String getAge() {
        return age;
    }

    public void setAge(String age) {
        this.age = age;
    }

    public String getDescription() {
        return description;
    }

    public void setDescription(String description) {
        this.description = description;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }
}

scrollabletable.js

/**
*
*  Scrollable HTML table
*  http://www.webtoolkit.info/
*
**/

function ScrollableTable (tableEl, tableHeight, tableWidth) {

    this.initIEengine = function () {

        this.containerEl.style.overflowY = 'auto';
        if (this.tableEl.parentElement.clientHeight - this.tableEl.offsetHeight < 0) {
            this.tableEl.style.width = this.newWidth - this.scrollWidth +'px';
        } else {
            this.containerEl.style.overflowY = 'hidden';
            this.tableEl.style.width = this.newWidth +'px';
        }

        if (this.thead) {
            var trs = this.thead.getElementsByTagName('tr');
            for (x=0; x<trs.length; x++) {
                trs[x].style.position ='relative';
                trs[x].style.setExpression("top",  "this.parentElement.parentElement.parentElement.scrollTop + 'px'");
            }
        }

        if (this.tfoot) {
            var trs = this.tfoot.getElementsByTagName('tr');
            for (x=0; x<trs.length; x++) {
                trs[x].style.position ='relative';
                trs[x].style.setExpression("bottom",  "(this.parentElement.parentElement.offsetHeight - this.parentElement.parentElement.parentElement.clientHeight - this.parentElement.parentElement.parentElement.scrollTop) + 'px'");
            }
        }

        eval("window.attachEvent('onresize', function () { document.getElementById('" + this.tableEl.id + "').style.visibility = 'hidden'; document.getElementById('" + this.tableEl.id + "').style.visibility = 'visible'; } )");
    };


    this.initFFengine = function () {
        this.containerEl.style.overflow = 'hidden';
        this.tableEl.style.width = this.newWidth + 'px';

        var headHeight = (this.thead) ? this.thead.clientHeight : 0;
        var footHeight = (this.tfoot) ? this.tfoot.clientHeight : 0;
        var bodyHeight = this.tbody.clientHeight;
        var trs = this.tbody.getElementsByTagName('tr');
        if (bodyHeight >= (this.newHeight - (headHeight + footHeight))) {
            this.tbody.style.overflow = '-moz-scrollbars-vertical';
            for (x=0; x<trs.length; x++) {
                var tds = trs[x].getElementsByTagName('td');
                tds[tds.length-1].style.paddingRight += this.scrollWidth + 'px';
            }
        } else {
            this.tbody.style.overflow = '-moz-scrollbars-none';
        }

        var cellSpacing = (this.tableEl.offsetHeight - (this.tbody.clientHeight + headHeight + footHeight)) / 4;
        this.tbody.style.height = (this.newHeight - (headHeight + cellSpacing * 2) - (footHeight + cellSpacing * 2)) + 'px';

    };

    this.tableEl = tableEl;
    this.scrollWidth = 16;

    this.originalHeight = this.tableEl.clientHeight;
    this.originalWidth = this.tableEl.clientWidth;

    this.newHeight = parseInt(tableHeight);
    this.newWidth = tableWidth ? parseInt(tableWidth) : this.originalWidth;

    this.tableEl.style.height = 'auto';
    this.tableEl.removeAttribute('height');

    this.containerEl = this.tableEl.parentNode.insertBefore(document.createElement('div'), this.tableEl);
    this.containerEl.appendChild(this.tableEl);
    this.containerEl.style.height = this.newHeight + 'px';
    this.containerEl.style.width = this.newWidth + 'px';


    var thead = this.tableEl.getElementsByTagName('thead');
    this.thead = (thead[0]) ? thead[0] : null;

    var tfoot = this.tableEl.getElementsByTagName('tfoot');
    this.tfoot = (tfoot[0]) ? tfoot[0] : null;

    var tbody = this.tableEl.getElementsByTagName('tbody');
    this.tbody = (tbody[0]) ? tbody[0] : null;

    if (!this.tbody) return;

    if (document.all && document.getElementById && !window.opera) this.initIEengine();
    if (!document.all && document.getElementById && !window.opera) this.initFFengine();


}

struts-config.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>

<!DOCTYPE struts-config PUBLIC
          "-//Apache Software Foundation//DTD Struts Configuration 1.2//EN"
          "http://jakarta.apache.org/struts/dtds/struts-config_1_2.dtd">

<!--
     This is a blank Struts configuration file with an example
     welcome action/page and other commented sample elements.

     Tiles and the Struts Validator are configured using the factory defaults
     and are ready-to-use.

     NOTE: If you have a generator tool to create the corresponding Java classes
     for you, you could include the details in the "form-bean" declarations.
     Otherwise, you would only define the "form-bean" element itself, with the
     corresponding "name" and "type" attributes, as shown here.
-->
<struts-config>
<!-- ============================================ Data Source Configuration -->
<data-sources>
<data-source key="smeds" type="org.apache.commons.dbcp.BasicDataSource">
    <set-property
      property="driverClassName"
      value="oracle.jdbc.driver.OracleDriver" />
    <set-property
      property="url"
      value="jdbc:oracle:thin:@192.168.100.136:1521:ortelapp" />
    <set-property
      property="username"
      value="scott" />
    <set-property
      property="password"
      value="tigerscott" />
    <set-property
      property="maxActive"
      value="10" />
    <set-property
      property="maxWait"
      value="5000" />
    <set-property
      property="defaultAutoCommit"
      value="false" />
    <set-property
      property="defaultReadOnly"
      value="false" />

</data-source>
</data-sources>
<!-- ================================================ Form Bean Definitions -->

    <form-beans>


           <form-bean
            name="MyregForm"
            type="myregistration.MyregForm"/>
            <form-bean
            name="my_form"
            type="formbean.my_form"/> 

            <form-bean name="file_reg_v1_form" 
            type="sme.struts.actionform.file_reg_v1_form" />

            <form-bean name="test_form" 
            type="sme.struts.actionform.test_form" />

           <form-bean name="Grid_form" 
            type="sme.struts.actionform.Grid_form" />

                <!-- sample form bean descriptor for an ActionForm
        <form-bean
            name="inputForm"
            type="app.InputForm"/>
    end sample -->

    <!-- sample form bean descriptor for a DynaActionForm
        <form-bean
            name="logonForm"
            type="org.apache.struts.action.DynaActionForm">
            <form-property
                name="username"
                type="java.lang.String"/>
            <form-property
                name="password"
                type="java.lang.String"/>
       </form-bean>
    end sample -->
    </form-beans>


<!-- ========================================= Global Exception Definitions -->

    <global-exceptions>
        <!-- sample exception handler
        <exception
            key="expired.password"
            type="app.ExpiredPasswordException"
            path="/changePassword.jsp"/>
        end sample -->
    </global-exceptions>


<!-- =========================================== Global Forward Definitions -->

    <global-forwards>
        <!-- Default forward to "Welcome" action -->
        <!-- Demonstrates using index.jsp to forward -->
        <forward
            name="welcome"
            path="/Welcome.do"/>
            <forward
            name="sessionexpired"
            path="/ctss_logout.jsp"/>
    </global-forwards>


<!-- =========================================== Action Mapping Definitions -->

    <action-mappings>
            <!-- Default "Welcome" action -->
            <!-- Forwards to Welcome.jsp -->

        <action
      path="/DataSource"
      type="test.TestDataSource">
      <forward name="success" path="/pages/success.jsp"/>
      </action>    

        <action
            path="/Welcome"
            forward="/pages/Welcome.jsp"/>

        <action
            path="/TestAction"
            type="roseindia.net.TestAction">
            <forward name="testAction" path="/pages/TestAction.jsp"/>
        </action>

        <action
            path="/myaction"
            type="actionservlets.my_servlet"
            name="my_form"
            scope="request"
            validate="true"
            input="/u_login.jsp">           
             <forward name="myentrysuccess" path="/afterlogin.jsp" />
        </action>
        <!-- Bikram -->

        <action 
            path="/file_reg_v1"
            type="sme.struts.action.file_reg_v1"
            name="file_reg_v1_form"
            validate="true"
            scope="request"
            input="/file_reg_v1.jsp">
        <forward name="uploadsuccess" path="/file_reg_v1.jsp" />
        </action>

        <action 
        path="/test"
        type="sme.struts.action.test"
        name="test_form"
        validate="true"
        scope="request"
        input="/test.jsp"
        >
        <forward name="success" path="/test.jsp" />
        </action>


        <action 
        path="/Grid"
        type="sme.struts.action.Grid"
        name="Grid_form"
        validate="true"
        parameter="parameter"
        scope="request"
        input="/Grid.jsp"
        >
        <forward name="addsuccess" path="/Grid.jsp" />
        <forward name="addfailure" path="/Grid.jsp" />
        </action>
        <action
         path="/Tiles/Example"
         forward="Tiles.Example"/>

    <!-- sample input and input submit actions  

        <action
            path="/Input"
            type="org.apache.struts.actions.ForwardAction"
            parameter="/pages/Input.jsp"/>

        <action
            path="/InputSubmit"
            type="app.InputAction"
            name="inputForm"
            scope="request"
            validate="true"
            input="/pages/Input.jsp"/>

            <action
                path="/edit*"
                type="app.Edit{1}Action"
                name="inputForm"
                scope="request"
                validate="true"
                input="/pages/Edit{1}.jsp"/>

    end samples -->
    </action-mappings>


<!-- ============================================= Controller Configuration -->

    <controller
       processorClass="org.apache.struts.tiles.TilesRequestProcessor"/>


<!-- ======================================== Message Resources Definitions -->

    <message-resources parameter="MessageResources" />


<!-- =============================================== Plug Ins Configuration -->

  <!-- ======================================================= Tiles plugin -->
  <!--
     This plugin initialize Tiles definition factory. This later can takes some
     parameters explained here after. The plugin first read parameters from
     web.xml, thenoverload them with parameters defined here. All parameters
     are optional.
     The plugin should be declared in each struts-config file.
       - definitions-config: (optional)
            Specify configuration file names. There can be several comma
            separated file names (default: ?? )
       - moduleAware: (optional - struts1.1)
            Specify if the Tiles definition factory is module aware. If true
            (default), there will be one factory for each Struts module.
            If false, there will be one common factory for all module. In this
            later case, it is still needed to declare one plugin per module.
            The factory will be initialized with parameters found in the first
            initialized plugin (generally the one associated with the default
            module).
              true : One factory per module. (default)
              false : one single shared factory for all modules
       - definitions-parser-validate: (optional)
            Specify if xml parser should validate the Tiles configuration file.
              true : validate. DTD should be specified in file header (default)
              false : no validation

      Paths found in Tiles definitions are relative to the main context.
  -->

    <plug-in className="org.apache.struts.tiles.TilesPlugin" >

      <!-- Path to XML definition file -->
      <set-property property="definitions-config"
                       value="/WEB-INF/tiles-defs.xml" />
      <!-- Set Module-awareness to true -->
      <set-property property="moduleAware" value="true" />
    </plug-in>


  <!-- =================================================== Validator plugin -->

  <plug-in className="org.apache.struts.validator.ValidatorPlugIn">
    <set-property
        property="pathnames"
        value="/WEB-INF/validator-rules.xml,/WEB-INF/validation.xml"/>
  </plug-in>

</struts-config>

There's a tutorial here that shows you how to. I've done it a while back.

Basically, what you have to do is to create a DispatchAction or LookupDispatchAction that returns a null result so that Struts doesn't have to process the ActionForward.

Instead, for your action methods, you'll have to write your responses as text into the HttpServletResponse.

Other solution is AjaxAnywhere or view AjaxStruts

0

上一篇:

:下一篇

更多 问答 相关资讯：

精彩评论

暂无评论...
登录 注册
Qedev.com
验证码 换一张
取 消

    关注公众号

    热门标签

    图文推荐

    Delphi - Custom drawing a message list

    Delphi - Custom drawing a message list
    C++ header-only include pattern

    C++ header-only include pattern
    IE7 Margin Collapses Into Padding

    IE7 Margin Collapses Into Padding
    in CoffeeScript, how can I use a variable as a key in a hash?

    in CoffeeScript, how can I use a variable as a key in a hash?
    Interactive visualization of a graph in python [closed]

    Interactive visualization of a graph in python [closed]
    How to customise PHP MYSQL tables?

    How to customise PHP MYSQL tables?
    High quality, simple random password generator

    High quality, simple random password generator
    Image Recognition ApI in android

    Image Recognition ApI in android

    开发者开发者网给大家分享系统运维,大数据运维,云计算,编程开发技巧,路由交换,运维和开发相关的资讯及技术文章，同时StackOverflow中文社区，知识经验交流分享。

    法律声明：本站内容均为网友上传，网站举办方负责审核和监督，如存在版权或非法内容，欢迎举报，我们将尽快予以删除。邮箱：devze@qq.com

    Copyright © 2018-2020 开发者. All rights reserved. Powered by 开发者ICP备案号: 京ICP备10032868号-9