var ds_num = new Ext.data.Store({
url : 'findAllFeedNum.action',
reader : new Ext.data.JsonReader(
{totalProperty : 'totalProperty',root : 'root'},
[
{name : 'material_name', type : 'string'},
{name : 'material_desc', type : 'string'}
])
});
var ds_feed = new Ext.data.Store({
url : 'findByFeedNum.action',
reader : new Ext.data.JsonReader(
{totalProperty : 'totalProperty',root : 'root'},
[
{name : 'material_name', type : 'string'},
{name : 'material_desc', type : 'string'},
{name : 'material_type', type : 'string'},
{name : 'department', type : 'string'}
])
});
{
xtype : 'fieldset',
title : '物料添加',
collapsible: true,
width :375,
items : [
{
width : 219,
xtype : 'combo',
fieldLabel : '料号',
id : 'stock_feedNum',
name : 'stock.feedNum',
hiddenName : 'stock.feedNum',
valueField : 'material_name',
minChars : 1,
typeAhead: true,
forceSelection: true,
displayField : 'material_name',
mode : 'remote',
queryParam : 'query',
store : ds_num,
selectOnFocus : true,
editable : true,
allowBlank : false,
triggerAction : 'all',
loadingText : '加载中...',
emptyText : '料号',
listeners : { // 获得下拉文本内容,解决id,value都要的情况
'select' : function(combo, record, index) {
Ext.getCmp('stock_depict').reset();
Ext.getCmp('add_unit').reset();
ds_feed.baseParams.feedNum = Ext.getCmp('stock_feedNum').getValue();
ds_feed.reload();
getMatDescByMat(Ext.getCmp('stock_depict'),record.data.material_name);
this.ownerCt.ownerCt.form.findField('stock.feedNum').setValue(record.data.material_name);
}
}
},{
width : 219,
xtype : 'combo',
fieldLabel : '描述',
id : 'stock_depict',
name : 'stock.depict',
hiddenName : 'stock.depict',
valueField : 'material_desc',
typeAhead: true,
forceSelection: true,
displayField : 'material_desc',
mode : 'remote',
store : ds_feed,
editable : true,
allowBlank : false,
triggerAction : 'all',
loadingText : '加载中...',
emptyText : '描述',
listeners : { // 获得下拉文本内容,解决id,value都要的情况
'select' : function(combo, record, index) {
this.ownerCt.ownerCt.form.findField('stock.depict').setValue(record.data.material_desc);
},
'beforequery' : function(queryEvent) {
if (!Ext.getCmp('stock_feedNum').getValue()) {
queryEvent.cancel = true;
}
}
}
}
分享到:
相关推荐
在探讨“ext combox”这一主题时,我们深入解析其核心功能——自动提示,这是现代Web应用程序中一个非常实用且常见的特性,尤其在输入框中提供动态搜索建议方面,极大地提升了用户体验。本篇将详细阐述如何利用Ext ...
在C# WinForm开发中,有时我们需要实现控件间的联动效果,例如两个ComboBox之间的级联数据绑定。这种功能常用于下拉列表的选择,当用户在第一个ComboBox中选择一个选项时,第二个ComboBox会根据所选值动态加载相关...
在EXT JS中,Combox(下拉框组件)是一种常用的输入控件,它结合了文本输入框和下拉列表的功能,常用于数据选择和输入。本文将深入探讨如何在EXT中实现Combox的模糊查询功能,以及后台处理自动检索的方法。 模糊...
vs20005编译成功,实现combox的级联事件,源代码资源来自网上, 但是没找到具体的窗体效果实现,所以就实现了一下,希望有助于各位。 所谓级联事件就是,当触发第一个comboxSelected事件时,第二个combox.DataSource...
使用kendo ui 中的combox和treeview实现下拉选框功能;使用kendo ui 中的combox和treeview实现下拉选框功能,使用kendo ui 中的combox和treeview实现下拉选框功能
在ExtJS中,`Ext.form.field.ComboBox`(简称ComboBox)是一种常用的控件,它提供了一个下拉列表,用户可以在其中选择一个或多个项目。这个控件在数据展示和用户交互方面具有广泛的应用,特别是在需要进行快速筛选和...
在这个例子中,压缩包名为“combox日期级联选择器”,包含了所有必要的资源和编译后的二进制文件。 总之,C#.NET Winform的日期级联选择器是一种实用的自定义控件,通过组合多个ComboBox并监听其事件,可以实现灵活...
在本文中,我们将深入探讨如何使用Windows Presentation Foundation (WPF) 和 Prism 框架来实现ComboBox的省市县三级级联效果。WPF是.NET Framework的一部分,提供了丰富的用户界面(UI)设计工具,而Prism则是一个...
在EXT JS中,Combox组件是一种常用的输入控件,它结合了文本输入框和下拉列表的功能,可以用于实现选择性的输入。在某些情况下,开发者可能希望实现类似百度搜索那样的实时提示功能,即用户在输入时,下拉框能根据...
本示例项目“一个简单的JTABLE运用combox的例子”旨在演示如何在`JTable`的单元格中嵌入`JComboBox`,并解决可能出现的死循环问题。死循环通常发生在程序逻辑错误导致代码无法正常跳出循环,这可能消耗大量系统资源...
"EXT中COMBOBOX联动"指的是在EXTJS应用中,两个或多个COMBOBOX之间实现数据交互和联动效果,即当一个COMBOBOX的选择项改变时,会触发其他COMBOBOX的更新,以展示与当前选择相关联的数据。 EXTJS的COMBOBOX联动通常...
这个"很好的combox例子"可能是为了帮助初学者理解和掌握如何在不同编程环境中实现ComboBox的使用。 ComboBox的基本结构和功能: 1. **文本输入框**:用户可以在该区域输入文本,也可以用于显示已选中的选项。 2. **...
ext + mvc combox tree grid layout
在Windows Forms(Winform)开发中,ComBox控件是一种常用的下拉选择组件,它提供了用户友好的交互界面。然而,默认情况下,ComBox控件的显示文本是单行的,当文本长度超过一定限制时,超出的部分会被截断,显示为...
c# winform datagridview 中嵌套的combobox实现级联选择
在Windows编程中,ComBox(ComboBox)控件是一种常见的用户界面元素,用于提供下拉列表让用户选择。在某些情况下,当ComBox中的选项文本较长时,可能会超出控件的宽度,导致显示不全,影响用户体验。为了解决这个...
在Ext JS中,异步加载是一种常见的数据处理方式,尤其在构建动态的用户界面时非常有用。本篇文章主要探讨了如何在异步加载的场景下,实现树形控件(TreePanel)中节点的动态添加、删除以及ComboBox选择项的修改。 ...
### Ext JS 中将 Grid 渲染到 ComboBox 的方法 在 Ext JS 框架中,有时需要将 Grid 控件的数据渲染到 ComboBox 中,这在实际应用中是非常实用且灵活的功能。下面将详细介绍如何利用 Ext JS 的 XTemplate 特性来实现...
在这个例子中,`StatusOptions`是ViewModel中一个ObservableCollection,包含了可选项的名称和对应的值。当用户在ComBox中选择一个新值时,`Status`属性将被更新,从而触发`SetStatusCommand`,进一步更新数据模型。...