{
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结合开发实例
4. **EXTJS Store与.NET Data Access**:EXTJS的Store负责管理数据请求和缓存,它可以与.NET的数据访问层(如ADO.NET、Entity Framework)进行对接,进行数据的增删查改操作。 5. **EXTJS Grid与.NET GridView**:...
- **11CheckBoxTree.rar**:这是一个包含复选框功能的树形控件示例,展示了如何在ExtJS中实现树节点的多选操作,并与.NET后台进行数据同步。 - **16GridPanel2.rar**:展示了一个增强的网格面板,可能包括了行编辑...
在ExtJS的网格中,可以轻松实现对数据的添加、删除、修改和查询功能。例如,添加行通常涉及创建一个新的数据对象并将其添加到数据源;删除操作涉及选中行并发送删除请求到服务器;更新则涉及编辑单元格并在保存时...
4. **AJAX通信**:讲解如何使用ASP.NET的Web服务或控制器方法返回JSON数据,以及ExtJS的Ajax请求API接收并处理这些数据。 5. **数据绑定和模型**:说明如何在ExtJS中定义数据模型,以及如何将数据绑定到组件,如表格...
在本文中,我们将探讨如何利用ExtJS和ASP.NET来实现在服务器端进行长时间操作时,向用户展示一个实时更新的进度条,从而提升用户体验。这一技术对于那些需要处理大量数据或执行复杂计算的Web应用程序至关重要。 ...
"Providers"目录通常包含DotnetNuke的提供者(Providers),这些提供者是.NET Framework中的特殊类,用于实现特定功能,如身份验证、角色管理、存储等。通过自定义提供者,开发者可以扩展DotnetNuke的功能,使其适应...
4. 数据绑定(Data Binding):EXTJS的强项之一是其双向数据绑定能力,可以自动保持UI组件与数据源之间的同步。当后端数据库中的数据发生变化时,EXTJS应用可以通过监听代理的事件来实时更新界面。 5. 表格和表格...
ExtJS + ASP.NET 后台管理框架是一种高效且灵活的开发模式,用于构建企业级的Web应用程序,尤其适合后台管理系统。这个框架结合了JavaScript库ExtJS的前端交互性和ASP.NET的强大后端处理能力,提供了丰富的用户界面...
为了实现这一功能,开发者需要对EXTJS的组件使用、SWFUpload的配置和JavaScript API、以及ASP.NET的文件处理有深入理解。在提供的链接中,开发者可以找到更具体的实现代码和示例,这对于理解和实现这一功能非常有...
ExtJs的.Net安装包是一个专为.Net开发者设计的工具,旨在简化在.NET环境中集成和使用ExtJs库的过程。这个安装包的运作方式类似于ASP.NET AJAX的安装,这意味着它提供了便捷的方式来将ExtJs的丰富功能引入到.NET应用...
**ExtJS的.NET控件_YuiGrid:数据绑定与同步/异步取值详解** 在Web开发中,ExtJS是一个强大的JavaScript库,用于构建富客户端...在.NET环境下,结合ExtJS和适当的.NET库,可以实现更丰富的功能和更流畅的用户体验。
【标题】"基于ExtJS和.NET的酒店管理系统"是一个综合性的IT项目,它结合了前端JavaScript框架ExtJS和后端的.NET技术,用于构建高效、用户友好的酒店业务管理平台。这个项目对于学习ExtJS的开发者来说是一个宝贵的...
ExtJS与.NET结合开发实例详解,具体介绍了EXTJS类库常见控件开发说明。
殷良胜 ExtJS与.NET结合开发实例提供的示例(包括示例数据库、皮肤文件、EXT、和相关DLL) 他的博客:http://www.cnblogs.com/mogen_yin Ext2.2学习系列:ExtJS与.NET结合开发实例--全部Ext2.2示例--索引贴 ...
**基于ExtJs ASP.NET的商业应用框架详解** 在IT领域,构建高效且用户友好的企业级应用程序是一项挑战。本文将深入探讨一个以ExtJs、ASP.NET和C#为基础的完整商业应用框架,它旨在简化开发过程,提高生产力,并提供...
本文将深入探讨如何利用EXTJS和.NET MVC三层架构实现这一目标。 首先,EXTJS提供了丰富的组件库,如表格、表单、树形视图等,可以方便地构建用户交互界面。在"EXTJS(增删改查).net实现"项目中,EXTJS表格组件通常...
4. **MVC架构集成**:在ASP.NET MVC中,控制器可以处理ExtJS的Ajax请求,返回JSON数据,而视图则使用ExtJS创建用户界面。这种方式保持了MVC的清晰架构,同时利用了ExtJS的UI优势。 5. **ExtJS组件库**:ExtJS包含了...