`
空空儿
  • 浏览: 136420 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

ComboBox注意的几个小问题-- 值跑位,值显示,获取输入值

阅读更多
1。ComboBox加载数据之后,ComboBox里面的值跑位,不能正确对应到ComboBox里面。
原因:因为要传name的值到服务器端,使用到了隐藏属性hiddeName来传值,hiddenName的名是要和name一样的。如果id和name设置为相同的,就会不能正确对应。所以,comboBox的id和name 不能设置一样
new Ext.form.ComboBox({
id:"comboId",
name:"comboName",
hiddenName:"comboName"
});

2。 第二个问题是明明已经加载了数据之后store里面也有值,确没有再ComboBox里面显示,这个你就要注意你的ComboBox里面有没有设置valueField 和 displayField, valueField绑定到当前底层数据,相当于它的id,displayValue,绑定到当前底层数据对应的名词,顾名思义也就是显示出来的值。还要注意一下,它的映射是否也有写,field 里面是否写正确了。如果这两个属性没有,那就是值怎么也显示不出来的。还有一点是,得到的值从服务器端传回来,一定要记得有response.getWrite().print(json格式值); 有时前台都写正确了,但是还是没值,那就是没有将值传到前台

store : new Ext.Data.Store({          

     proxy: new Ext.Data.httpProxy({}),

    reader:new Ext.data.JsonReader({});

   field:["valueid","displayName"]                 

});

   new Ext.form.ComboBox({
id:"comboId",
name:"comboName",
hiddenName:"comboName",

store:store

valueField:"valueid"  , //要跟field里面对应,不然不能正确匹配

displayField:"dispalyField"
});

3. 获取ComboBox手动输入的值。手动输入的值是没有完全设置到ComboBox中value里面的,所以当我们去获取的时候,得到都是一个空字符串。

listeners : {
       render : function(f) {
        f.el.on('keyup', function(e) {
         f.setValue(f.getRawValue());
         vipStore.proxy = new Ext.data.HttpProxy({
          url : "vip_realtimeVipName.action?vipID="
            + f.getRawValue()
         });
         vipStore.load();
        });
       }

这几个问题总会一不小心就会碰到,要多加注意了。。
0
0
分享到:
评论

相关推荐

    easyui中combobox后台交互实例

    EasyUI的Combobox组件是一个具有输入框和下拉列表的控件,它允许用户从预定义的选项中选择或者手动输入值。Combobox提供了丰富的配置项和事件,使得在Web应用中创建交互式下拉列表变得简单易行。 **Combobox基本...

    combobox 下拉多选框带搜索功能

    在IT行业中,组合框(ComboBox)是一种常见的UI控件,它结合了文本输入框和下拉列表的功能,用户可以在输入框中输入文字,或者通过下拉列表选择合适的选项。在这个特定的话题“Combobox 下拉多选框带搜索功能”中,...

    vb.net中组合框ComboBox实现显示值与返回值不同的几种方法

    vb.net的winform(windows窗体)开发中,实现组合框ComboBox显示值与返回值不同的几种方法(里面有5种方法哟),在VB.net2010上编译通过,绝对可以运行,希望能给初学都以帮助,里面有详细解释加说明。觉得写得好的,请加...

    C# ComboBox(winform) 显示多列 输入自动过滤

    总之,要实现"C# ComboBox(winform) 显示多列 输入自动过滤"的功能,需要对原生ComboBox控件进行扩展,添加多列显示的绘制逻辑和输入过滤的处理机制。通过这样的自定义,我们能够提供更丰富的用户体验,同时增强应用...

    C#窗体Combobox简单用法

    本教程将详细介绍如何在C#窗体应用中简单使用ComboBox,包括设置显示值与后台获取的值。 ComboBox控件在Windows Forms中扮演着下拉列表的角色,允许用户从中选择一个项或者输入新的内容。它通常用于提供一系列预...

    easyui-textbox和easyui-combobox的onchange事件响应实例

    对于 `easyui-textbox`,我们通过 `onchange` 属性直接绑定了一个名为 `handleTextboxChange` 的函数,该函数会弹出一个警告框显示当前输入框的值。对于 `easyui-combobox`,我们则使用 `data-options` 属性的 `...

    ComboBox下拉框内字体加颜色

    在Windows编程中,ComboBox控件是一种常见的用户界面元素,它允许用户从一组预定义的选项中选择一个。在默认情况下,ComboBox内的文本都是单一的颜色,但有时为了提高可读性或者美化界面,我们可能需要为ComboBox...

    Combobox输入拼音显示汉字

    Silverlight combobox,实现输入拼音显示对应的所有的汉字 具体描述请参考 http://blog.csdn.net/u010254787/article/details/29359703

    显示多列的combobox

    标题“显示多列的ComboBox”涉及到一个常见的需求,即如何在一个下拉列表中展示多列数据,以便用户能更直观、全面地了解选项。这种扩展的ComboBox通常用于显示复杂的数据结构,例如数据库中的表格记录。 在传统的...

    C# ComboBox输入智能提示补全

    C# ComboBox输入智能提示补全,自动提示,很不错的案例!

    vb捕获combobox-edit-内容

    在标题“vb捕获combobox-edit-内容”中,重点是捕获用户在`ComboBox`编辑区(即文本框部分)输入的内容。这通常涉及到事件处理和数据验证。 `ComboBox`控件有两种模式:简单模式和下拉列表模式。在简单模式下,用户...

    解决combobox随窗口变化大小后不显示下拉列表问题

    综上所述,解决Combobox在窗口大小变化后不显示下拉列表的问题需要综合考虑布局、重绘、事件处理等多个方面。通过对代码进行调试和分析,找出导致问题的具体原因,并针对性地进行优化,通常可以有效解决问题。同时,...

    domino xpags开发combobox提前输入的值

    综上所述,Domino XPAGS 中设置 Combobox 预先输入的值可以通过多种方式实现,包括直接从数据库获取、根据其他域值动态填充、去重、跨数据库查询、组合显示值与实际值等。开发者可以根据具体需求灵活选择适合的方法...

    自动筛选并完成输入 combobox edit

    在IT领域,自动筛选并完成输入的Combobox Edit是一个常见的组件,广泛应用于各种软件和网页设计中。Combobox,也称为下拉列表框,是一种用户界面元素,它结合了文本输入框和下拉列表的功能。当用户在输入框中键入...

    DataGridViewComboBox用户输入自动匹配问题点DEMO

    在.NET框架中,`DataGridViewComboBox`控件是一个常用的组件,常用于数据网格视图中,允许用户从下拉列表中选择一个值或者手动输入。在实际应用中,我们经常需要实现用户输入时的自动匹配功能,即当用户在文本框中...

    在wpf中把枚举显示在combobox中

    2. **创建视图模型**:为了实现数据绑定,我们需要一个视图模型(ViewModel),它包含了ComboBox要绑定的枚举值集合。例如: ```csharp public class ViewModel : INotifyPropertyChanged { private Color ...

    easyui datagrid 行编辑中combogrid和combobox显示问题

    修改上一个资源版本中结束编辑时combobox显示问题. 1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而...

    datagridviw中加可手动输入的combobox

    在.NET框架中,`DataGridView`控件是一种常用的用于显示和编辑表格数据的组件,而`ComboBox`控件则提供了一个下拉列表供用户选择或输入文本。在某些情况下,我们可能需要在`DataGridView`的某一列中添加具有手动输入...

    C# combobox里面显示checkbox

    - 首先,我们需要为每个ComboBox项存储一个布尔值,表示该选项是否被选中。这可以通过创建一个自定义类来实现,该类继承自ComboBox的`Object`类型,并添加一个`IsSelected`属性。 - 在`OnDrawItem`事件中,使用`...

    jQuery EasyUI 为Combo,Combobox添加清除值功能的实例

    本文介绍在使用jQuery EasyUI框架开发Web界面时,如何为Combo和Combobox组件添加清除值的功能。在很多Web应用中,提供一个清除输入的功能是十分必要的,可以提高用户的交互体验。jQuery EasyUI提供了一套丰富的UI...

Global site tag (gtag.js) - Google Analytics