spring mvc + extjs

免费下载

1 ext jar包 点击打开链接

2 ext 中文api 点击打开链接

java code:

package com.paic.bbs.action;

import java.io.OutputStreamWriter;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.Statement;
import java.util.ArrayList;
import java.util.List; import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse; import org.springframework.web.servlet.ModelAndView;
import org.springframework.web.servlet.mvc.AbstractController; import com.paic.bbs.DAO.DBUtils;
import com.paic.bbs.DTO.LoginIsToCollect;
import com.paic.bbs.DTO.SchemaidBean; public class SchemaidAction extends AbstractController{ public ModelAndView handleRequestInternal(HttpServletRequest request,HttpServletResponse response)throws Exception{
String sql="select * from t_schemaidinfo";
int total = 0;
PreparedStatement ps1 = DBUtils.getConnection().prepareStatement(sql); ResultSet rs1 = ps1.executeQuery(); List<SchemaidBean> list1 = new ArrayList<SchemaidBean>(); while(rs1.next()){
SchemaidBean sch =new SchemaidBean();
sch.setID(rs1.getInt(1));
sch.setSCHEMAID(rs1.getString(2));
sch.setDescribe(rs1.getString(3));
list1.add(sch);
total++;
}
StringBuffer sb=new StringBuffer();
sb=sb.append("{'root':[");
for (int i = 0; i < list1.size(); i++) {
sb.append("{'SCHEMAID':' "+list1.get(i).getSCHEMAID()+"','Describe':'"+list1.get(i).getDescribe()+"'}");
if(i != (list1.size()-1))
sb.append(","); }
sb.append("]}"); System.out.println(sb.toString());
response.setCharacterEncoding("UTF-8");
response.getWriter().print(sb.toString());
response.getWriter().close();
return null;
}
}

js code: combox代码

var combobox = new Ext.form.ComboBox({
id:'pid',
fieldLabel: '指标名称',
store:new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: '/KITWEB/SchemaidAction.do'//请求路径
}),
reader: new Ext.data.JsonReader({
root:'root',
totalProperty:'total'
},[
{name: 'SCHEMAID'},
{name: 'Describe'}
]),
autoLoad:true
}),
displayField: 'Describe',
valueField: 'SCHEMAID',
hiddenName:'SCHEMAID',//后台接收这个对像的值
triggerAction: 'all',
emptyText: '请选择...',
allowBlank: false,
blankText: '请选择SCHEMAID',
typeAhead : true,
minChars:1,
lazyInit:false,
mode: 'remote',
listeners : {
'beforequery':function(e){ var combo = e.combo;
if(!e.forceAll){
var input = e.query;
// 检索的正则
var regExp = new RegExp(".*" + input + ".*");
// 执行检索
combo.store.filterBy(function(record,id){
// 得到每个record的项目名称值
var text = record.get(combo.displayField);
return regExp.test(text);
});
combo.expand();
return false;
}
}, 'click' : function(){
this.expand();
} } });

Ext combox 动态 检索的更多相关文章

  1. SQL Server优化器特性-动态检索

    前段时间我写的文章SQL Server 隐式转换引发的躺枪死锁 中有的朋友评论回复说在SQL2008R2测试时并未出现死锁,自己一测果然如此,因此给大家带来的疑惑表示抱歉,这里我就解释下其原因. 回顾 ...

  2. 【转】Ext.Window动态修改html

    原文地址:http://www.codeweblog.com/ext-window%E5%8A%A8%E6%80%81%E4%BF%AE%E6%94%B9html/ Ext.Window动态修改htm ...

  3. Ext ComboBox 动态查询

    Ext中的combobox有属性typeAhead:true 可以实现模糊匹配,但是是从开始匹配的,如果需要自定的的匹配,则需要监听beforequery方法,实现自己的匹配查询方法: var gfx ...

  4. Ext treelist 动态切换TreeStore

    chooseMenu: function(_this) { //var mycomp = top.Ext.getCmp("my_comp"); var menuTreeStore ...

  5. [Ext.Net]动态生成控件(二)--js动态添加文本框

    转自:http://www.ext.net.cn/forum.php?mod=viewthread&tid=11931 点击一个按钮就出现一行控件,点击删除控件就可将一行控件删除,这是不是你一 ...

  6. Ext create动态加载分析

    主要涉及到Ext.js Inventory.js ClassManager.js Class.js Loader.js Boot.js 在ClasManager.js的Ext.create中 Ext. ...

  7. Ext如何动态添加一行组件

    用的column布局,点击一个按钮能添加一行组件,如文本框,有下拉框等. 如: 效果: 实现方法如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 ...

  8. [Irving] Ext.Net动态添加GridPanel列绑定Checkbox值失败的解决办法

    var grid = X.GetCmp<GridPanel>(vm.GRID_QUOTATIONS_FEEITEM_RANGE_SHOW); grid.AddColumn(Html.X() ...

  9. easyui的下拉框combox动态复赋值显示在前端

    editbale:false设置为本输入框禁止编辑

随机推荐

  1. cocoa中获取时间

    头文件#import "Foundation/NSCalendarDate.h" + (id)calendarDate; - (int)yearOfCommonEra;- (int ...

  2. VC6.0到VS2013全部版本下载地址

    Microsoft Visual Studio 6.0 下载:英文版360云盘下载: http://l11.yunpan.cn/lk/sVeBLC3bhumrI英文版115网盘下载: http://1 ...

  3. SQL时间第二期_时间格式化

    0   或   100   (*)     默认值   mon   dd   yyyy   hh:miAM(或   PM)       1   101   美国   mm/dd/yyyy       ...

  4. 轻松学习Linux系统安装篇之fdisk命令行工具的使用

    fdisk 的介绍:          fdisk 命令是磁盘分区表操作工具:和以前Dos和windows下的分区工具功能一样:fdsik 能划分磁盘成为若干个区,同时也能为每个分区指定分区的文件系统 ...

  5. SQL Server 字符串函数

    字符串函数 在开发T-SQL时,经常会需要对字符串进行各种各样的操作,下面介绍常用的字符串函数. 1.获取字符的ASCII码 ASCII ASCII码是对字符的标准编码.要获取字符的ASCII码就可以 ...

  6. 如何用 redis 造一把分布式锁

    基本概念 锁 wiki:In computer science, a lock or mutex (from mutual exclusion) is a synchronization mechan ...

  7. SQL Case When Then

    适用sqlServer,oracle CASE    WHEN 条件1 THEN 结果1    WHEN 条件2 THEN 结果2    WHEN 条件3 THEN 结果3    WHEN 条件4 T ...

  8. UDP广播问题

    http://bbs.csdn.net/topics/390218123 Broadcast Address(广播地址)是专门用于同时向网络中所有工作站进行发送的一个地址.在使用TCP/IP 协议的网 ...

  9. C#.NET 消息机制

    一.消息概述 众人周知,window系统是一个消息驱动的系统, windows操作系统本身有自己的消息队列,消息循环,它捕捉键盘,鼠标的动作生成消息,并将这个消息传给应用程序的消息队列. 余下的工作有 ...

  10. 关于JDBC 连接Access 数据库

    ************连接方式(一)Access_JDBC30.jar,此包由于是免费的,所有限制连接单次不超过50************************* Connection conn ...