前台页面 aspx:

数据源:

<ext:Store ID="storeJF" runat="server" AutoLoad="true">
<Proxy>
<ext:HttpProxy Method="POST" Url="Sel/SelJF.ashx?type=1" />
</Proxy>
<Reader>
<ext:JsonReader Root="root">
<Fields>
<ext:RecordField Name="Conid" />
<ext:RecordField Name="Firstpart" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>

这里注意: 需要一个一般处理程序

/// <summary>
/// $codebehindclassname$ 的摘要说明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
public class SelJF : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
string type = "";
if (context.Request.QueryString.AllKeys.Contains("type"))
{
type = context.Request.QueryString["type"] as string;
}

var dept = string.Empty;
var query = string.Empty;

if (!string.IsNullOrEmpty(context.Request["query"]))
{
query = context.Request["query"];
}

string Condition = "";
switch (type)
{
case "1":
Condition = " Deleteflg = 'F'";
break;
default:
Condition = "";
break;
}

if (query != "")
{
Condition += " AND Firstpart LIKE '%" + query + "%'";
}

string root = "";

DataSet ds = BizCommon.SelectInfo("JL_Contract", Condition, "Firstpart", new string[] { "DISTINCT TOP(10) Firstpart" });
if (ds != null && ds.Tables.Count > 0)
{
root = Inchsoft.Common.StringHelper.GetJsonString(ds.Tables[0]);
}

context.Response.Write(string.Format("{{'root':{0}}}", root));
}
public bool IsReusable
{
get
{
return false;
}
}

主体控件:

<ext:ComboBox ID="cmbfirstpart" runat="server" FieldLabel="甲方" DataIndex="Firstpart"

LabelStyle="text-align:right;" Editable="true" HideTrigger="true" StoreID="StoreJF"
DisplayField="Firstpart" ValueField="Firstpart" ForceSelection="false" LoadingText="查找中..."
ItemSelector="div.search-item" MinChars="1" typeAhead="true">
<Template ID="tpl" runat="server">
<tpl for=".">
<div class="search-item">{Firstpart}</div>
</tpl>
</Template>
</ext:ComboBox>

后台自由取值:

  model.Firstpart = cmbfirstpart.SelectedItem.Text.Trim();

Ext.js Combobox 输入模糊匹配的更多相关文章

  1. ExtJs combobox支持模糊匹配

    其实很简单,我们只需要在创建下拉框时,给下拉框添加一个监听事件,代码如下:   //以下监听事件用于对下拉项进行模糊匹配                     ,listeners:{       ...

  2. select实现输入模糊匹配与选择双重功能

    下载jqueryUI插件 引入 <link rel="stylesheet" type="text/css" href="/js/jquery/ ...

  3. c# 实现ComboBox自动模糊匹配

    ComboBox自带有属性可以实现自动匹配,但是它有一个弊端,只能从头开始匹配,例如"李四LS",只能输入“李四”或"李"才能匹配出来,而输入"LS& ...

  4. JS实现搜索模糊匹配

      Js代码 <script type="text/javascript"> var websites = [["1231","账上1&q ...

  5. EasyUI combobox下拉列表实现搜索过滤(模糊匹配)

    项目中的某个下拉列表长达200多个项,这么巨大的数量一个一个找眼镜都得看花,于是就得整了个搜索功能.看网上别人帖子有只能前缀匹配的方案,但只能前缀匹配的话用起来也不是很方便.于是就记录一下模糊匹配的方 ...

  6. 转:zTree树控件扩展篇:巧用zTree控件实现文本框输入关键词自动模糊查找zTree树节点实现模糊匹配下拉选择效果

    是否可以借助于zTree实现文本框输入关键词自动模糊匹配zTree下拉树,然后选择下拉树内节点显示在文本框内且隐藏下拉树. 看到这个需求脑子里头大致已经想到了要如何实现这样一个需求,当时是限于时间问题 ...

  7. EasyUi模糊匹配搜索框combobox

    现在项目当中很多已经应用了Jquery-easyUi这个界面框架了,所以,学习一点easyUI的常用工具就显得很重要了,现在介绍的就是我在项目中用到的easyUi的模糊匹配组合框combobox. c ...

  8. Ext JS 实现建议词模糊动态搜索功能

    代码: new Ext.form.ComboBox({ store: new Ext.data.JsonStore({ idProperty: 'VehicleNo', url: '../ajax/t ...

  9. DevExpress控件TExtLookupComboBox实现多列模糊匹配输入的方法

    本方案不需要修改控件源码,是完美解决支持多列模糊匹配快速输入的最佳方案!!   1.把列的Properties属性设置为ExtLookupComboBox. Properties.Incrementa ...

随机推荐

  1. js判断当前浏览器语言类型

    console.log(window.navigator.language.slice(0, 2)); 得到的是zh

  2. python:异常处理、自定义异常、断言

    什么是异常: 当程序遭遇某些非正常问题的时候就会抛出异常:比如int()只能处理能转化成int的对象,如果传入一个不能转化的对象就会报错并抛出异常 常用的异常有: ValueError :传入无效的错 ...

  3. github版本控制相关

    Git版本控制: 安装Github http://blog.csdn.net/huangyuan_xuan/article/details/49125597 Git本地版本控制 http://blog ...

  4. 【redis专题(5)】命令语法介绍之sets

    标签(空格分隔): Redis 关于 redis的无序集合有三个特点: 无序性, 确定性(描述准确) , 唯一性: 有点类似于数据容器: 增 SADD key member1 [member2] 作用 ...

  5. [JSON_01] JSON 解析

    0. 说明 介绍 && 测试 JSON 1. 介绍 XML 指可扩展标记语言(eXtensible Markup Language). XML 被设计用来传输和存储数据. JSON: ...

  6. Oracle 表操作(转)

    1.增加新字段:alter table table_name add (name varchar(20) default 'http://www.zangjing.net/');. 2.修改表字段:a ...

  7. apache配置CA证书通过https通信

    Apache Httpd 2.2 实现https加密通讯 实际生产中CA证书一般是向一些专业认证的国际机构来进行申请的.我们会模拟使用OpenSSL生成的证书,来实现Apache的安全加密通讯,这与实 ...

  8. C#中类为什么要实例化

    在使用C#语言时,发现一下有关类实例化的问题,在此之前先复习一下类和对象的概念,类是一个抽象体,是对一类事物的抽象体:而对象就是一个具体的事物,对象的抽象就是类.车就是一个类,而车包括面包车,小汽车, ...

  9. Linux 小知识翻译 - 「Linux的吉祥物企鹅叫什么名字?」

    这次说说Linux的吉祥物 *企鹅* 都知道Linux的吉祥物是企鹅,但是这个企鹅叫什么名字呢? 它的名字就是「Tux」,注意可不是「Tax」(税收). 具体参考 wiki:中文解释  英文的解释更为 ...

  10. WebStorm如何分配运行内存?The IDE is running low on memory...

    vue项目做的后台管理系统做得差不多了,安装的依赖包也越来越大,就在春节放假的前两天,突然发现我的电脑居然带不动WebStorm了,查改一些代码,WebStorm运行迟钝,鼠标滑动严重“掉帧”,让我非 ...