/lovehuahui/article/details/5091047
xtJs中常用到的增，删，改，查操作
分类： extJs 2009-12-28 14:36 1252人阅读 评论(3) 收藏 举报
刚刚参加完公司的项目，第一次使用extjs编写用户界面还是有点头痛，现在小花整理好了，希望为初学者做个参考。
[java]
view plaincopy
1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
2.
3.
4.
5. extJs中常用到的增删改查操作的示例代码
6.
7. <%@ include file="../extJs/CommonJs.jsp"%>
8.
S2SH的增删改查的实现
第一步 通过逆向工程得到实体类和Dao类
实体类
点击红色方框中的选项
点击红色方框左边的展开标识
右键单击TABLE下的datas
点击红色方框中选项
点击Browse选择项目和创建实体类被放的包，并选中相应的选项，点击Next
点击Next
点击Finish
Dao类
点击红色方框中的选项
点击红色方框左边的展开标识
右键单击TABLE下的datas
点击红色方框中选项
包名改成com.beijing.dao，选择相应选项，点击Next
点击Next
点击Finish
选中dao,用快捷键Ctrl+Shift+O导入实体类的包
第二步 在applicationContext.xml中添加数据源节点
左键连击
点击Source
右键单击
选中红色方框的选项，添加数据源
点击Finish
applicationContext.xml代码如下
xmlns:xsi="/2001/XMLSchema-instance"
xmlns:p="/schema/p"
xsi:schemaLocation="/schema/beans
/schema/beans/spring-beans-3.0.xsd">
class="mons.dbcp.BasicDataSource">
value="com.microsoft.sqlserver.jdbc.SQLServerDriver">
value="jdbc:sqlserver://localhost:1433">
class="org.springframework.orm.hibernate3.LocalSessionFactoryBean">
value="classpath:hibernate.cfg.xml">
文档来源为:从网络收集整理.word版本可编辑.欢迎下载支持.
1 1、引入ExtJs框架文件（存入Global.js文件中）
document.write(" ");
document.write("");
document.write("");
document.write("");
2、引入Global.js文件
3、效果图
=====================================================================================================================
4、JS源代码[GridEditPanel3.js]
;
"side";
/*********************************************************************************/
function sexDisplay(_value){ //对性别进行数据映射
return (_value==0?"女":"男");
} /*********************************************************************************/
var _cols=new
new , //行号列
{header:"姓名",dataIndex:"name",menuDisabled:true},
{header:"年龄",dataIndex:"age",menuDisabled:true},
{header:"性别",dataIndex:"sexValue",menuDisabled:true,renderer:sexDisplay}
]);
var _store=new
data:[["刘俊","30","1"],["刘勇","23","1"],["刘玲","21","0"]],
仅用Jsp实现对数据库的增删改查
首先，打开sql*plus，输入用户名（我用的scott）密码（我设置的是tiger）。
先建个表student，
Create table student (
id number(30) not null primary key,
name varchar(50) ,
age number(30),
gender varchar(30),
major varchar(50) );
1，打开myeclipse8.5新建一个web project
2，在project name 中输入合法名字，比如normal
3，新建的normal工程
4，在webRoot目录下添加以下.jsp文件
4.1 submit.jsp文件
代码如下：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath =
request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
输入学生信息界面
女
查看已输入信息
4.2 insert.jsp文件
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="java.sql.*"%>
<%
String path = request.getContextPath();
String basePath =
request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
【原⽣】js实现表格的增删改查
说在前⾯的，写给⼩⽩⽩的，⼤神请绕道~
今天⽤原⽣js写⼀下动态表格的增删改查，主要是熟悉⼀下js的DOM操作。⾸先，做⼀个表格，⽤来显⽰提交的数据，如图下：
此处，我添加了编号、姓名、密码、⽣⽇、地址五个属性，另外加选中、操作两个操作，亲们可以⾃⾏添加，布局代码如下：
选中
编号
姓名
密码
⽣⽇
地址
操作
全部删除
100806131234
劈⽇e斩⽉
123456
1995-08-07
北京市朝阳区艾欧尼亚
css⽅⾯我运⽤了bootstrap的表格框架，图个⽅便，觉得不好看的，⼤家⾃⾏修改，在此就展⽰了。
然后，下⾯添加⼀个需要提交的表单，如图下：
⽣⽇选项⽤了h5新属性date，
布局代码如下：
编号
姓名
密码
⽣⽇
地址
基本布局就这样了，然后可以写脚本了，
1.添加数据
思路：获取表单每个input的value值，然后创建节点td，添加到上⾯的表格当中，很简单，代码实现如下：
function addList(){
var oNum = document.getElementById('num').value;
var oUser = document.getElementById('username').value;
var oPwd = document.getElementById('pwd').value;
var oBirth = document.getElementById('birth').value;
var oAddre = document.getElementById('addre').value;
var oTr = document.createElement('tr');
var oTd1 = document.createElement('td');
var oInput = document.createElement('input');
