"extJs 增删改查示例代码及常用操作"

需积分: 0 80 浏览量更新于2024-01-20 收藏 91KB DOC 举报

在extJs中，常用到的增删改查操作包括对数据的增加（添加）、删除、修改和查询。在页面中，可以使用<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>来引入相关的java语言和类库，并在<html>标签中使用<script>标签引入ExtJS的路径和示例代码。在示例代码中，作者花慧强调了在extJs中常用到的增删改查操作，并设置了每页显示的行数默认为10条。示例代码中还包括了绘制查询表单的函数searchQueryForm()，并建议将form设为局部变量，以便通过Ext.getCmp()方法来获取form对象。对于数据的增加操作，在extJs中可以通过添加新的表单来实现，并使用Ext.getCmp()方法获取表单的内容，然后通过提交按钮将数据保存到数据库中。对于数据的删除操作，在extJs中可以使用GridPanel组件来显示数据表格，并在表格中添加删除按钮，并在删除事件中使用Ext.Msg.confirm()方法来确认用户是否删除该条数据。对于数据的修改操作，在extJs中也可以使用GridPanel组件来显示数据表格，并在表格中添加修改按钮，并在修改事件中使用Ext.getCmp()方法获取表单的内容，并将修改后的数据保存到数据库中。对于数据的查询操作，在extJs中可以使用GridPanel组件来显示数据表格，并在表格中添加查询按钮，并在查询事件中使用Ext.getCmp()方法获取查询条件，并通过Store.load()方法加载符合条件的数据。总的来说，在extJs中常用到的增删改查操作是非常重要的，可以通过GridPanel组件和相关事件来实现对数据的操作，通过表单和按钮来实现对数据的增删改查操作。这样可以让用户在页面上方便地进行数据的操作，提高了用户体验和页面的交互性。同时也让开发人员更加方便地实现对数据的管理和维护。

xtype:'textField',

inputType:'password',

fieldLabel:'用户密码<font color=red>*</font>',

labelSeparator:'',

blankText:'填写用户密码',

allowBlank:false,

maxLength:'12',

minLength:'6',

value:'123456', //用户默认的秘密

anchor:'100%'

}

},{

columnWidth:'.8',

items:{

name:'rPwd',

hiddenName:'rPwd',

xtype:'textField',

inputType:'password',

fieldLabel:'确认密码<font color=red>*</font>',

labelSeparator:'',

blankText:'二次输入的秘密要相同',

allowBlank:false,

vtype:'pwdRange',

pwdRange:{begin:'userInfo.pwd',end:'rPwd'},

maxLength:'12',

anchor:'100%'

}

}]

]

});

}

/**

* editUserForm():绘制修改表单

function editUserForm(){

//将变量定义成局部变量，避免每次都生成一个新对象

var userForm = null;

userForm = new Ext.FormPanel({

id:'editForm',

labelWidth:'80',

labelAlign:'right',

border:false,

bodyBorder:false,

剩余15页未读，继续阅读

jackKang

粉丝: 37
资源: 771

"extJs 增删改查示例代码及常用操作"

ExtJs常用到的增,删,改,查操作

extjs常用增删改查操作

ext用到的增删改查

extJs 简单的增删改查

Extjs+ssh 增删改查

extJs 常用到的增，删，改，查操作代码

ExtJS中常用到的增删改查操作代码示例

Extjs 表格

extjs后台程序

ExtJs3 演示系统

最新资源