沙舟狼客
- 浏览: 158205 次
- 性别:
- 来自: 北京
-
文章分类
最新评论
-
沙舟狼客：
为了方便使用可以配置到环境变量里面MINGW_HOME=C:\ ...
windows下用mingw32+sdl进行简单2d游戏开发（c语言） -
沙舟狼客：
如果安装autotools时不用gcccc相当于gcc的链接n ...
windows下用mingw32+sdl进行简单2d游戏开发（c语言） -
lirihong：
java中文乱码完全解决方案 ?? 高度很高，深度、全面度全 ...
java中文乱码完全解决方案 -
沙舟狼客：
非常适合想写windows游戏的菜鸟
windows下用mingw32+sdl进行简单2d游戏开发（c语言） -
xixilive：
噢喔～～语义全无
京东导航的jquery实现
html代码：
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Insert title here</title> <link rel="stylesheet" href="ext/resources/css/ext-all.css" /> <script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext/ext-all.js"></script> <script type="text/javascript" src="ext/ext-lang-zh_CN.js"></script> <script type="text/javascript" src="js/edit.js"></script> </head> <body> </body> </html>
edit.js代码：
function editRecord() {
}
function deleteRecord() {
var grid = Ext.getCmp("table");
var sm = grid.getSelectionModel();
var sel = sm.getSelections();
if(sm.hasSelection()){
Ext.MessageBox.show({
title:"删除用户记录",
buttons:Ext.MessageBox.YESNOCANCEL,
msg:"您确定要删除"+sel.length+"个用户吗?",
fn:function(btn){
if(btn=="yes"){
var ids = "[";
for(var i=0;i<sel.length;i++){
var record = sel[i];
ids+=record.get("id")+",";
}
ids = ids.substring(0,ids.length-1)+"]";
alert(ids);
var conn = new Ext.data.Connection();
conn.request({
url:"http://localhost:8686/myjob1/delete",
params:{
action:"delete",
ids:ids
},
success:function(resp,opt){
for(var i=0;i<sel.length;i++){
var record = sel[i];
grid.getStore().remove(record);
}
},
failure:function(resp,opt){
Ext.MessageBox.alert("错误","不能删除用户信息！");
}
});
}
}
});
}
//grid.getStore().reload(null);
}
function addRecord() {
var ds_model = Ext.data.Record.create([
"id",
"name",
"password",
"sex",
"age"
]);
var grid = Ext.getCmp("table");
var page = grid.getBottomToolbar();
//pageCount = getRowSize()/getPageSize() + ((getRowSize()%getPageSize())==0?0:1);
var store = grid.getStore();
var row = store.getTotalCount();
var pageSize = store.getCount();
var pageCount = Math.ceil(row/pageSize);
alert(row+"--"+pageSize+"--"+pageCount);
page.changePage(pageCount);
var conn = new Ext.data.Connection();
conn.request({
url:"http://localhost:8686/myjob1/add",
method:"post",
params:{
name:"NewUser"
},
success:function(resp,opt){
var insert_id = Ext.util.JSON.decode(resp.responseText).id;
grid.getStore().insert(0,new ds_model({
id:insert_id,
name:"NewUser",
password:"",
sex:"true",
age:0
}));
grid.startEditing(0,0);
},
failure:function(resp,opt){
alert(resp+">>>>>>>>"+opt);
Ext.MessageBox.alert("","不能插入新用户！");
}
});
//grid.getStore().reload(null);
}
function rendererSex(val) {
if (val == true)
return "<h4 style='color:green'>男</h4>";
else
return "<h4 style='color:red'>女</h4>";
}
function selectAll(){
var sm = Ext.getCmp("table").getSelectionModel();
sm.selectAll();
}
function disSelect(){
//Ext.MessageBox.alert("","你点击了编辑");
var grid = Ext.getCmp("table");
var sm = Ext.getCmp("table").getSelectionModel();
for(var i=grid.getView().getRows().length-1;i>=0;i--){
if(sm.isSelected(i)){
sm.deselectRow(i);
}else{
sm.selectRows([i],true); // rsm.selectRow(i,true); 也可以
}
}
}
function saveRecord(){
alert("save");
var grid = Ext.getCmp("table");
}
Ext.onReady(function(){
var idEditor = new Ext.form.TextField();
var nameEditor = new Ext.form.TextField();
var passwordEditor = new Ext.form.TextField();
var sexEditor = new Ext.form.TextField();
var ageEditor = new Ext.form.TextField();
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
sm,
{header:"id", dataIndex:"id", width: 120,sortable: true,editor:idEditor},
{header:"用户名", dataIndex:"name", width: 120,sortable: true,editor:nameEditor},
{header:"口令", dataIndex:"password", width: 120,sortable: true,editor:passwordEditor},
{header:"性别", dataIndex:"sex", width: 80,editor:sexEditor},
{header:"年龄", dataIndex:"age", width: 120,sortable: true,editor:ageEditor}
]);
var store = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({url:"http://localhost:8686/myjob1/list"}),
reader: new Ext.data.JsonReader({totalProperty:'total', root:'list'}, [
{name: 'id'},
{name: 'name'},
{name: 'password'},
{name: 'sex'},
{name: 'age'}
])
});
store.load({params:{start:0, limit:20}});
var grid = new Ext.grid.EditorGridPanel({
renderTo:Ext.getBody(),
title:"user info",
height:650,
id:"table",
store:store,
autoSizeColumns: true,
cm:cm,
sm:sm,
tbar: new Ext.Toolbar({
items:[
{id:'selectAll',text:'全选', handler:selectAll},
{id:'disSelect',text:'反选', handler:disSelect},
{id:'delete',text:'删除', handler:deleteRecord},
{id:'add',text:"添加",handler:addRecord},
{id:'edit',text:"保存",handler:saveRecord}
]
}),
bbar: new Ext.PagingToolbar({
pageSize: 20,
store: store,
displayInfo: true,
displayMsg: '显示第{0}条到第{1}记录，一共{2}条',
emptyMsg: '没有记录'
}),
listeners:{
afteredit:function(e){
alert(e.record.get("id"));
var conn = new Ext.data.Connection();
conn.request({
url:"update",
params:{
id:e.record.get("id"),
field:e.field,
value:e.value
},
success:function(resp,opt){
e.record.commit();
},
failure:function(resp,opt){
e.record.reject();
}
});
}
}
});
});
struts.xml代码：
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd"> <struts> <constant name="struts.objectFactory" value="spring" /> <constant name="struts.i18n.encoding" value="UTF-8" /> <package name="user" namespace="/" extends="json-default"> <action name="login" class="userAction" method="login"> <result name="login"> /login.jsp </result> <result name="success" type="redirect"> /welcome.jsp </result> </action> <action name="loginJSON" class="userAction" method="loginJSON"> <result type="json"/> </action> <action name="list" class="userAction" method="list"> <result type="json"/> </action> <action name="delete" class="userAction" method="delete"> <result type="json"/> </action> <action name="add" class="userAction" method="add"> <result type="json"/> </action> <action name="update" class="userAction" method="update"> <result type="json"/> </action> </package> </struts>
UserAction.java代码
package action;
import java.util.Arrays;
import java.util.List;
import org.apache.struts2.json.annotations.JSON;
import service.UserService;
import util.Pager;
import mode.User;
import com.opensymphony.xwork2.ActionSupport;
public class UserAction extends ActionSupport{
private User user;
private UserService service;
private List<User> list;
private int limit;
private int start;
private int total;
private boolean success = true;
private String ids;
private String id;
private String name;
private String password;
private boolean sex;
private int age;
private String field;
private String value;
public String getField() {
return field;
}
public void setField(String field) {
this.field = field;
}
public String getValue() {
return value;
}
public void setValue(String value) {
this.value = value;
}
public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getPassword() {
return password;
}
public void setPassword(String password) {
this.password = password;
}
public boolean isSex() {
return sex;
}
public void setSex(boolean sex) {
this.sex = sex;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
public boolean isSuccess() {
return success;
}
public void setSuccess(boolean success) {
this.success = success;
}
@JSON(serialize=false)
public String getIds() {
return ids;
}
public void setIds(String ids) {
this.ids = ids;
}
public int getTotal() {
return total;
}
public void setTotal(int total) {
this.total = total;
}
@JSON(serialize=false)
public int getLimit() {
return limit;
}
public void setLimit(int limit) {
this.limit = limit;
}
@JSON(serialize=false)
public int getStart() {
return start;
}
public void setStart(int start) {
this.start = start;
}
public List<User> getList() {
return list;
}
public void setList(List<User> list) {
this.list = list;
}
@JSON(serialize=false)
public UserService getService() {
return service;
}
public void setService(UserService service) {
this.service = service;
}
@JSON(serialize=false)
public User getUser() {
return user;
}
public void setUser(User user) {
this.user = user;
}
public String login(){
if(service.login(user.getName(), user.getPassword())){
return SUCCESS;
}
return LOGIN;
}
public String loginJSON(){
if(service.login(name, password)){
success = true;
}else {
success = false;
}
return SUCCESS;
}
/*
* 1 1 5
* 2 6 10
* size*pagenow-pagesize+1=start
* pagenow = start+pagesize-1/size
*/
public String list(){
System.out.println(start+" ------------------------ "+limit);
/*0 20
*
*/
int now = (start+1+limit-1)/limit;
System.out.println(now);
Pager pager = new Pager(limit, -1,now);
list = service.list(pager);
total = pager.getRowSize();
return SUCCESS;
}
public String delete(){
System.out.println(ids);
String[] idArr = ids.substring(1,ids.length()-1).split(",");
System.out.println(Arrays.toString(idArr)+" "+idArr.length);
service.deleteUserByIdArray(idArr);
success=true;
return SUCCESS;
}
public String add(){
if(user==null){
user = new User();
user.setName(name);
user.setAge(age);
user.setPassword(password);
user.setSex(sex);
id = service.regsiter(user);
success=true;
System.out.println("add user-----");
}
return SUCCESS;
}
public String update(){
if(id.startsWith("ext")){
User user = new User();
if(field.equals("name")){
user.setName(value);
}else if(field.equals("password")) {
user.setPassword(value);
}else if(field.equals("sex")){
user.setSex(Boolean.parseBoolean(value));
}else if(field.equals("age")){
user.setAge(Integer.parseInt(value));
}else{
}
service.regsiter(user);
}else{
System.out.println("id:"+id+";field:"+field+";value:"+value);
User user = service.getUserById(id);
if(field.equals("name")){
user.setName(value);
}else if(field.equals("password")) {
user.setPassword(value);
}else if(field.equals("sex")){
user.setSex(Boolean.parseBoolean(value));
}else if(field.equals("age")){
user.setAge(Integer.parseInt(value));
}else{
}
service.updateUserById(user);
}
success=true;
return SUCCESS;
}
}
分享到：
发表评论
-
京东导航的jquery实现
2012-06-13 10:07 18011、先看一下效果图 2、规划好html的结构 &l ... -
Highcharts动态曲线图(使用jna监视cpu使用率)
2012-01-10 22:30 91891、CPU使用率获取，因为我要用JNA调用，所以用c++调用w ... -
ActionScript3.0学习笔记（1）
2011-09-25 16:57 9641、函数定义： function 函数名(参数:类型)：返回 ... -
Highcharts学习笔记-饼状图（内存使用监视）
2011-08-17 21:23 4476function show(arr) { //a ... -
Highcharts学习笔记-line（内存使用监视）
2011-08-16 23:15 28901、引入highCharts的js <script t ... -
用html5中canvas标签写个贪吃蛇
2011-07-31 02:05 2627<!DOCTYPE HTML> <html ... -
JQuery操作select
2011-03-30 16:46 1065//为Select添加事件，当选择其中一项时触发 ... -
107个常用Javascript语句
2010-08-01 21:20 7541.document.write( " " ...
相关推荐
eclipse下EXTJS4+STRUTS2+JAVA增删改查的完整例子
ExtJs + Struts2 + JSON 程序总结
spring3+ibaits3+struts2.18+Extjs3整合增删查改
extjs+struts2+hibernate+json登录程序,主要讲解struts2配置JSON与前台extjs通信，异步数据交换，很强大
网上有些这样的例子，但是下了几个都没有跑起来，哎，希望那些发文章的人要发就发全的，别发个半生不熟的。... 现在自己整理了一个Struts2+ExtJS2实现文异步文件上传，没法上传图片无法看到效果，直接上源码吧。
@@@extjs+struts2+json plugin的例子
ExtJS4+Struts2.1模拟实现了Grid的增删改查，主要是给新人一个认识ExtJs4是怎样实现前后台交互的!需要的可以下载！
ExtJS+struts2+json登陆实例--源码，适合初学者
Extjs Tree + JSON + Struts2 例子
extjs tree + json+struts2示例源代码extjs tree + json+struts2示例源代码
Extjs Tree + JSON + Struts2 开发war包
1.extjs 的简单增删改。 2.后台使用struts2实现 3.左边是树形菜单。
extjs+struts案例 extjs+struts案例
简单的Extjs+Struts整合的图书管理系统，实现图书的新增、修改、删除
extjs3连接mysql数据库实现增删查改功能，下载之后导入就能直接运行，extjs3连接mysql数据库实现增删查改功能
这是一个用Extjs+Struts2+JDBC做的一个增删改查的小例子，工程文件打包，对初学ext的朋友可能会有帮助，本人已经用extjs做了两个项目了
ext的一个增删改查的例子,用的是Hibernate+Spring+Struts2
Extjs Tree + JSON + Struts2 示例源代码
struts2+extjs+json整合实例