{
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 ASP.NET实现真实的进度条显示服务器端长时间操作
ExtJS与.NET结合开发实例 把从网上找的有关ExtJS与.NET结合开发实例进行了打包,主要是殷良胜和adyhpq的例子。
本文采用最新的ExtJS和ASP.net和SQL Server2005结合开发动态网页。
这是一个extjs与.net结合开发的实例,主要实现了grid的分页显示,数据的添删改查,以及动态添加数据字段的功能,对于学习extjs的人有非常好的帮助
ExtJS与.NET结合开发实例
ExtJS在.NET中的应用实例,ExtJS结合dotNET的应用,相关资源比较少.
完整的基于ExtJs ASP.NET 的商业应用框架 含数据库,ExtASPNet,源码
extjs CMS for Dotnetnuke, you can try it.
殷良胜 ExtJS与.NET结合开发实例提供的示例(包括示例数据库、皮肤文件、EXT、和相关DLL) 他的博客:http://www.cnblogs.com/mogen_yin Ext2.2学习系列:ExtJS与.NET结合开发实例--全部Ext2.2示例--索引贴 ...
ExtJs的.Net安装包(类似asp.net ajax安装) 安装后,添加一个安装解压包里的那个.dll文件,到工具箱,类似asp.net ajax的控件添加一样,使用时候可以直接去拖放控件……
.NET开发人员学习EXTJS的好资料!
ExtJs是一个Ajax框架,是一个用javascript写的,用与在客户端创建丰富多彩的web应用程序界面。本文档主要介绍ExtJs与.net结合的实例。
一个不错的Extjs + ASP.net 后台管理框架,适用编写后台的朋友们, 含源码,后台菜单导航结合xml,数据源为xml文件。这是本人网上找的,稍作修改过,下载了的朋友可自行修改内容。
Extjs如何获取文本框的值Extjs如何获取文本框的值Extjs如何获取文本框的值Extjs如何获取文本框的值Extjs如何获取文本框的值Extjs如何获取文本框的值