Skip to main content

Jquery, adding and listing rows dynamically

In this example, there is a categories table. Table has category_id and category_name columns. Database transactions are made by hibernate. On the web page side, adding and removing rows are done using jquery. Jquery code is highlighted with yellow.

hibernate.hbm.xml is like:
<class name="com.test.BsCat" table="categories">
  <id column="category_id" name="catId" type="java.lang.Short">
  <generator class="increment"/>
  </id>
  <property column="category_name" name="catName" lazy="false" type="java.lang.String"/>
 </class>

BsCat.java is like:
package com.test;


public class BsCat {
private Short  catId;
private String catName;

public Short getCatId() {
return catId;
}
public void setCatId(Short catId) {
this.catId = catId;
}
public String getCatName() {
return catName;
}
public void setCatName(String catName) {
this.catName = catName;
}
}

manage_categories.jsp is like:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ page import="java.util.*" %>
<%@ page import="org.hibernate.HibernateException" %>
<%@ page import="org.hibernate.Session" %>
<%@ page import="org.hibernate.SessionFactory" %>
<%@ page import="org.hibernate.Transaction" %>
<%@ page import="org.hibernate.cfg.*" %>
<%@ page import="org.hibernate.Query" %>
<%@ page import="com.test.BsCat" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Categories</title>
<script language="JavaScript" type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script language="JavaScript" type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript">
$(document).ready(function() { 
$('#catrow').hide();
$('#addcat').click(function () {
        $(this).hide();
        $('#catrow').show();
    });
});


function subForm(sub_name)
{
    document.getElementById('fromwhere').value=sub_name;
    document.catsform.action='manage_categories.jsp';
    document.catsform.submit();
}
</script>
</head>
<body>
<%
Session sess = null;
try {
SessionFactory sessionFact = new Configuration().configure().buildSessionFactory();
sess = sessionFact.openSession();
String fromCat = request.getParameter("fromwhere");
String newCatName = request.getParameter("catname");
if (fromCat != null) {
if (fromCat.equals("cataddnew")) {
if (newCatName != null) {
Transaction txins = sess.beginTransaction();
BsCat newCat = new BsCat();
newCat.setCatName(newCatName);
sess.save(newCat);
txins.commit();

} else if (fromCat.startsWith("catdelete")) {
String cid = fromCat.substring(9);
String hql = "delete from BsCat where catId = " + cid;
Query qCats = sess.createQuery(hql);
int row = qCats.executeUpdate();
}
}


  sess.beginTransaction();
Query qCats = sess.createQuery("from BsCat order by catName");
List allCats = qCats.list();
%>
<div id="content">
<br>
<form name="catsform" action="" method="post">
<input type="hidden" maxlength="20" name="fromwhere" id="fromwhere"/>
<table class="liste" align="center">
        <tr>
        <th><b>Category Name</b></th>
</tr>
<%
for (int i = 0; i < allCats.size(); i++) {
BsCat oneCat = (BsCat) allCats.get(i);
%>  
<tr>
<td>
<%=oneCat.getCatName().toString()%>
</td>
<td>
<a href="#" onClick="subForm('catdelete<%=oneCat.getCatId().toString()%>')"><img src="images/del.gif" border="0" /></a>
</td>
</tr>
<%
}
%>
<tr id="catrow">
<td>
<input type="text" name="catname" id="catname"/>
</td>
<td>
<a href="#" onClick="subForm('cataddnew')"><img src="images/ok.gif" border="0" /></a>
</td>
</tr>
<tr>
<td></td>
<td id="addcat"><img src="images/plus.png"/></td>
</tr>
    </table>
</form>
<br>
</div>
<%
} catch(Exception e) {
out.println(e.getMessage());
} finally {
sess.flush();
sess.close();
}
%>
</body>
</html>






Comments

Popular posts from this blog

Creating Multiple VLANs over Bonding Interfaces with Proper Routing on a Centos Linux Host

In this post, I am going to explain configuring multiple VLANs on a bond interface. First and foremost, I would like to describe the environment and give details of the infrastructure. The server has 4 Ethernet links to a layer 3 switch with names: enp3s0f0, enp3s0f1, enp4s0f0, enp4s0f1 There are two bond interfaces both configured as active-backup bond0, bond1 enp4s0f0 and enp4s0f1 interfaces are bonded as bond0. Bond0 is for making ssh connections and management only so corresponding switch ports are not configured in trunk mode. enp3s0f0 and enp3s0f1 interfaces are bonded as bond1. Bond1 is for data and corresponding switch ports are configured in trunk mode. Bond0 is the default gateway for the server and has IP address 10.1.10.11 Bond1 has three subinterfaces with VLAN 4, 36, 41. IP addresses are 10.1.3.11, 10.1.35.11, 10.1.40.11 respectively. Proper communication with other servers on the network we should use routing tables. There are three

Sending Jboss Server Logs to Logstash Using Filebeat with Multiline Support

In addition to sending system logs to logstash, it is possible to add a prospector section to the filebeat.yml for jboss server logs. Sometimes jboss server.log has single events made up from several lines of messages. In such cases Filebeat should be configured for a multiline prospector. Filebeat takes lines do not start with a date pattern (look at pattern in the multiline section "^[[:digit:]]{4}-[[:digit:]]{2}-[[:digit:]]{2}" and negate section is set to true ) and combines them with the previous line that starts with a date pattern. server.log file excerpt where DatePattern: yyyy-MM-dd-HH and ConversionPattern: %d %-5p [%c] %m%n Logstash filter: