`
libixionglbx
  • 浏览: 11689 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

extjs4 .NET 实现文本框模糊查询

阅读更多
{
	xtype: 'combobox',
	fieldLabel: '需求商',
	id: 'companayDemand',
	name: 'companayDemand',
	store: 'TraderNews',//包含companay的store,后台json格式获得
	valueField: 'traderid',
	displayField: 'companay',
	typeAhead: false,
	hideTrigger: true,
	emptyText: '请选择...',
	minChars: 2,//输入字符长度为2时开始查询
        //listConfig属性用来设置模糊查询的关键
	listConfig: {
		loadingText: '正在查询...',
		emptyText: '未找到相关匹配记录!',
		allowPaging: false,
		getInnerTpl: function () {
                // companay为要查询的字段
			return '<span class="search-item">{companay}</span>';
		}
	},
	listeners: {
		select: function loadForm() {
			var companayId = Ext.getCmp('companayDemand').getValue();
			var addform = Ext.getCmp('addformNew');
			addform.load({
				waitMsg: '正在加载数据请稍后',
				//提示信息
				waitTitle: '提示',
				//标题
				url: '/Trader/update',
				//请求的url地址
				params: {
					id: companayId
				},
				method: 'get',//请求方式
				success: function (form, action) { 
//加载成功的处理函数                   Ext.getCmp('companayDemand').setValue(action.result.companayDemands);
				},
				failure: function (form, action) {
 //加载失败的处理函数
			Ext.Msg.alert('提示', action.result.errorInfo);
				}
			});
		}
	}
}

store里面的方法
Ext.define('AM.store.TraderNews', {
    extend: 'Ext.data.Store',
    model: 'AM.model.TraderNew',
    autoLoad: false,
    pageSize: 1500,
    //---------- add by zhangxin 2012.1.5 整体排序 start----------
    remoteSort: true,
    //---------- add by zhangxin 2012.1.5 整体排序 end----------
    proxy: {
        type: 'ajax',
        api: {
            read: '/Trader/JsonIndexNew'//调用TraderController里面的JsonIndexNew方法
        },
        reader: {
            type: 'json',
            root: 'data'
        }
    }
});


进入.net的后台方 url: '/Trader/JsonIndexNew',
  public JsonResult JsonIndexNew()
        {
            var tradersList = dbContent.FindAll();
            string searchstring = "";
            if (Request["query"] != null && Request["query"].Length > 0)
            {
                searchstring = Request["query"];
            }
            var companay = from it in tradersList select new { it.traderid, it.companay };
            companay = companay.Where(it => it.companay.Contains(searchstring));
            return Json(new { success = true, data = companay}, JsonRequestBehavior.AllowGet);
        }

实现效果

  • 大小: 28.9 KB
分享到:
评论

相关推荐

    ExtJS与.NET结合开发实例

    ExtJS与.NET结合开发实例ExtJS与.NET结合开发实例

    EXTJS与.NET开发

    4. **EXTJS Store与.NET Data Access**:EXTJS的Store负责管理数据请求和缓存,它可以与.NET的数据访问层(如ADO.NET、Entity Framework)进行对接,进行数据的增删查改操作。 5. **EXTJS Grid与.NET GridView**:...

    ExtJS与.NET结合开发实例-殷良胜

    - **11CheckBoxTree.rar**:这是一个包含复选框功能的树形控件示例,展示了如何在ExtJS中实现树节点的多选操作,并与.NET后台进行数据同步。 - **16GridPanel2.rar**:展示了一个增强的网格面板,可能包括了行编辑...

    ExtJs与.Net结合开发实例

    在ExtJS的网格中,可以轻松实现对数据的添加、删除、修改和查询功能。例如,添加行通常涉及创建一个新的数据对象并将其添加到数据源;删除操作涉及选中行并发送删除请求到服务器;更新则涉及编辑单元格并在保存时...

    ExtJS和.NEt平台结合

    4. **AJAX通信**:讲解如何使用ASP.NET的Web服务或控制器方法返回JSON数据,以及ExtJS的Ajax请求API接收并处理这些数据。 5. **数据绑定和模型**:说明如何在ExtJS中定义数据模型,以及如何将数据绑定到组件,如表格...

    ExtJS+ASP.NET实现真实的进度条显示

    在本文中,我们将探讨如何利用ExtJS和ASP.NET来实现在服务器端进行长时间操作时,向用户展示一个实时更新的进度条,从而提升用户体验。这一技术对于那些需要处理大量数据或执行复杂计算的Web应用程序至关重要。 ...

    cms.zip_DotnetNuke_ExtJs for .net_cms_extjs_extjs cms .net

    "Providers"目录通常包含DotnetNuke的提供者(Providers),这些提供者是.NET Framework中的特殊类,用于实现特定功能,如身份验证、角色管理、存储等。通过自定义提供者,开发者可以扩展DotnetNuke的功能,使其适应...

    EXTJS与.NET开发学习相关的数据库

    4. 数据绑定(Data Binding):EXTJS的强项之一是其双向数据绑定能力,可以自动保持UI组件与数据源之间的同步。当后端数据库中的数据发生变化时,EXTJS应用可以通过监听代理的事件来实时更新界面。 5. 表格和表格...

    Extjs+ASP.net 后台管理框架

    ExtJS + ASP.NET 后台管理框架是一种高效且灵活的开发模式,用于构建企业级的Web应用程序,尤其适合后台管理系统。这个框架结合了JavaScript库ExtJS的前端交互性和ASP.NET的强大后端处理能力,提供了丰富的用户界面...

    extjs swfupload .net 多文件带进度条上传

    为了实现这一功能,开发者需要对EXTJS的组件使用、SWFUpload的配置和JavaScript API、以及ASP.NET的文件处理有深入理解。在提供的链接中,开发者可以找到更具体的实现代码和示例,这对于理解和实现这一功能非常有...

    ExtJs的.Net安装包(类似asp.net ajax安装)

    ExtJs的.Net安装包是一个专为.Net开发者设计的工具,旨在简化在.NET环境中集成和使用ExtJs库的过程。这个安装包的运作方式类似于ASP.NET AJAX的安装,这意味着它提供了便捷的方式来将ExtJs的丰富功能引入到.NET应用...

    ExtJS的.NET控件_YuiGrid(数据绑定.同步_异步取值)

    **ExtJS的.NET控件_YuiGrid:数据绑定与同步/异步取值详解** 在Web开发中,ExtJS是一个强大的JavaScript库,用于构建富客户端...在.NET环境下,结合ExtJS和适当的.NET库,可以实现更丰富的功能和更流畅的用户体验。

    基于ExtJS和.NET的酒店管理系统

    【标题】"基于ExtJS和.NET的酒店管理系统"是一个综合性的IT项目,它结合了前端JavaScript框架ExtJS和后端的.NET技术,用于构建高效、用户友好的酒店业务管理平台。这个项目对于学习ExtJS的开发者来说是一个宝贵的...

    ExtJS与.NET结合开发实例.doc

    ExtJS与.NET结合开发实例详解,具体介绍了EXTJS类库常见控件开发说明。

    ExtJS与.NET结合开发实例示例

    殷良胜 ExtJS与.NET结合开发实例提供的示例(包括示例数据库、皮肤文件、EXT、和相关DLL) 他的博客:http://www.cnblogs.com/mogen_yin Ext2.2学习系列:ExtJS与.NET结合开发实例--全部Ext2.2示例--索引贴 ...

    完整的基于ExtJs ASP.NET 的商业应用框架 C#

    **基于ExtJs ASP.NET的商业应用框架详解** 在IT领域,构建高效且用户友好的企业级应用程序是一项挑战。本文将深入探讨一个以ExtJs、ASP.NET和C#为基础的完整商业应用框架,它旨在简化开发过程,提高生产力,并提供...

    EXTJS(增删改查).net实现

    本文将深入探讨如何利用EXTJS和.NET MVC三层架构实现这一目标。 首先,EXTJS提供了丰富的组件库,如表格、表单、树形视图等,可以方便地构建用户交互界面。在"EXTJS(增删改查).net实现"项目中,EXTJS表格组件通常...

    ExtJS在.NET中的应用实例

    4. **MVC架构集成**:在ASP.NET MVC中,控制器可以处理ExtJS的Ajax请求,返回JSON数据,而视图则使用ExtJS创建用户界面。这种方式保持了MVC的清晰架构,同时利用了ExtJS的UI优势。 5. **ExtJS组件库**:ExtJS包含了...

Global site tag (gtag.js) - Google Analytics