`
wjm901215
  • 浏览: 153544 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

ext combox级联例子

EXT 
阅读更多
 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

    在探讨“ext combox”这一主题时,我们深入解析其核心功能——自动提示,这是现代Web应用程序中一个非常实用且常见的特性,尤其在输入框中提供动态搜索建议方面,极大地提升了用户体验。本篇将详细阐述如何利用Ext ...

    C# winform实现combox绑定XML实现级联数据绑定

    在C# WinForm开发中,有时我们需要实现控件间的联动效果,例如两个ComboBox之间的级联数据绑定。这种功能常用于下拉列表的选择,当用户在第一个ComboBox中选择一个选项时,第二个ComboBox会根据所选值动态加载相关...

    Ext_comBox模糊查询

    在EXT JS中,Combox(下拉框组件)是一种常用的输入控件,它结合了文本输入框和下拉列表的功能,常用于数据选择和输入。本文将深入探讨如何在EXT中实现Combox的模糊查询功能,以及后台处理自动检索的方法。 模糊...

    datagridview中combox的级联事件

    vs20005编译成功,实现combox的级联事件,源代码资源来自网上, 但是没找到具体的窗体效果实现,所以就实现了一下,希望有助于各位。 所谓级联事件就是,当触发第一个comboxSelected事件时,第二个combox.DataSource...

    kendo ui TreeViewWithinCombox

    使用kendo ui 中的combox和treeview实现下拉选框功能;使用kendo ui 中的combox和treeview实现下拉选框功能,使用kendo ui 中的combox和treeview实现下拉选框功能

    extcombox搜索功能

    在ExtJS中,`Ext.form.field.ComboBox`(简称ComboBox)是一种常用的控件,它提供了一个下拉列表,用户可以在其中选择一个或多个项目。这个控件在数据展示和用户交互方面具有广泛的应用,特别是在需要进行快速筛选和...

    C#.Net winform combox日期级联选择器

    在这个例子中,压缩包名为“combox日期级联选择器”,包含了所有必要的资源和编译后的二进制文件。 总之,C#.NET Winform的日期级联选择器是一种实用的自定义控件,通过组合多个ComboBox并监听其事件,可以实现灵活...

    WPF和Prism实现ComboBox省市县三级级联

    在本文中,我们将深入探讨如何使用Windows Presentation Foundation (WPF) 和 Prism 框架来实现ComboBox的省市县三级级联效果。WPF是.NET Framework的一部分,提供了丰富的用户界面(UI)设计工具,而Prism则是一个...

    ext combox 下拉框不出现自动提示,自动选中的解决方法

    在EXT JS中,Combox组件是一种常用的输入控件,它结合了文本输入框和下拉列表的功能,可以用于实现选择性的输入。在某些情况下,开发者可能希望实现类似百度搜索那样的实时提示功能,即用户在输入时,下拉框能根据...

    一个简单的JTABLE运用combox的例子

    本示例项目“一个简单的JTABLE运用combox的例子”旨在演示如何在`JTable`的单元格中嵌入`JComboBox`,并解决可能出现的死循环问题。死循环通常发生在程序逻辑错误导致代码无法正常跳出循环,这可能消耗大量系统资源...

    EXT中COMBOX联动

    "EXT中COMBOBOX联动"指的是在EXTJS应用中,两个或多个COMBOBOX之间实现数据交互和联动效果,即当一个COMBOBOX的选择项改变时,会触发其他COMBOBOX的更新,以展示与当前选择相关联的数据。 EXTJS的COMBOBOX联动通常...

    很好的combox例子

    这个"很好的combox例子"可能是为了帮助初学者理解和掌握如何在不同编程环境中实现ComboBox的使用。 ComboBox的基本结构和功能: 1. **文本输入框**:用户可以在该区域输入文本,也可以用于显示已选中的选项。 2. **...

    Ext+MVC(combox,tree,gird,layout)

    ext + mvc combox tree grid layout

    Winform中的ComBox控件实现换行 当文本长度达到最大时实现换行

    在Windows Forms(Winform)开发中,ComBox控件是一种常用的下拉选择组件,它提供了用户友好的交互界面。然而,默认情况下,ComBox控件的显示文本是单行的,当文本长度超过一定限制时,超出的部分会被截断,显示为...

    c# winform datagridview 中嵌套的combobox实现级联选择

    c# winform datagridview 中嵌套的combobox实现级联选择

    重绘ComBox控件实现换行 当文本达到一定长度时实现换行

    在Windows编程中,ComBox(ComboBox)控件是一种常见的用户界面元素,用于提供下拉列表让用户选择。在某些情况下,当ComBox中的选项文本较长时,可能会超出控件的宽度,导致显示不全,影响用户体验。为了解决这个...

    Ext 异步加载添加 删除节点 修改combobox选择项

    在Ext JS中,异步加载是一种常见的数据处理方式,尤其在构建动态的用户界面时非常有用。本篇文章主要探讨了如何在异步加载的场景下,实现树形控件(TreePanel)中节点的动态添加、删除以及ComboBox选择项的修改。 ...

    Ext 将grid渲染到combox

    ### Ext JS 中将 Grid 渲染到 ComboBox 的方法 在 Ext JS 框架中,有时需要将 Grid 控件的数据渲染到 ComboBox 中,这在实际应用中是非常实用且灵活的功能。下面将详细介绍如何利用 Ext JS 的 XTemplate 特性来实现...

    WPF_MVVM中DataGrid列中使用ComBox绑定

    在这个例子中,`StatusOptions`是ViewModel中一个ObservableCollection,包含了可选项的名称和对应的值。当用户在ComBox中选择一个新值时,`Status`属性将被更新,从而触发`SetStatusCommand`,进一步更新数据模型。...

Global site tag (gtag.js) - Google Analytics