combobox传值之为什么要用到hiddenName属性

最新推荐文章于 2018-01-31 12:03:39 发布
最新推荐文章于 2018-01-31 12:03:39 发布
阅读量1.2k 收藏
点赞数
分类专栏： extjs comboBox 传值 属性 文章标签： extjs 传值 属性 ComboBox JavaScript

combobox传值问题

我们知道combobox有valueField和displayField这对键值对，
在后台可以通过getValue()获取valueField的值，getRawValue()获取displayField的值，
然后combobox可以设置个属性hiddenName,
即是向后台传递valueField值而不传递displayField值（不设置hiddenName传递的是displayField），
那我就不明白了，既然后台有getValue()获取valueField的值，getRawValue()获取displayField的值这两个获取值的方法，
干嘛还要设置hiddenName这个属性哦？
javascript  1 次浏览  2012-09-21 17:09
1 个回答
已经知道为什么了，在后台还可以通过form.getForm().getValues().若combo设置了hiddenName这个ConfigOption，得到的是valueField；否则得到的是displayField。 所以hiddenName的设置还是有意义的。
C#ComboBox控件“设置 DataSource 属性后无法修改项集合”的解决方法
08-26
当开发者遇到“设置DataSource属性后无法修改项集合”的问题时，这通常是因为ComboBox的数据绑定机制导致的。ComboBox控件一旦设置了DataSource属性，它的Items集合会被数据源接管，直接操作Items集合可能不会产生...
C# ComboBox控件“设置 DataSource 属性后无法修改项集合”的完美解决方法
12-31
在使用ComboBox控件时，遇到了重新绑定赋值出问题的情况。 错误代码如下： if (CustomerBLL.select().Rows.Count > 0) { cbTcid.Items.Clear(); cbTcid.DataSource = CustomerBLL.select(); cbTcid.ValueMember = ...
Extjs4 combobox hiddenName
DynastyTing的专栏
11-15 1826
当我们用 下拉框传值时，有一个问题，就是他有两个值，一个是用来显示的，一个是我们实际往后台需要传递的值，即 name 与 value  所以 combobox 才有了 hiddenName 这个属性，他的作用是将 combobox 的 value 传递到后台。 但是当我们只设置了  hiddenName: 'userName', 时 ，我们发现，从后台根本没有办法取到值，原
Extjs4 combobox hiddenName 后台取不到值
04-28 191
当我们用 下拉框传值时，有一个问题，就是他有两个值，一个是用来显示的，一个是我们实际往后台需要传递的值，即 name 与 value 所以 combobox 才有了hiddenName 这个属性，他的作用是将 combobox 的 value 传递到后台。 但是当我们只设置了 hiddenName: 'userName', 时 ，我们发现，从后台根本没有办法取到值，原因在于...
js form combobx 组件的hiddenName属性说明
nianqingren200的专栏
12-01 850
对于combobox组件来说，有两个命名属性：name和hiddenName。name是form子组件的显式名称，hiddenName是form子组件的隐式名称，而当两者同时存在时，form的findField属性就会自动查找hiddenName属性来标注该组件，故在写combobox时，建议name和hiddenName的值保持一致。   若不确定是否是这个问题时，可以通过遍历form的组
combobox
gu060040220的专栏
11-13 173
1、使用combobox时，它有一个hiddenName的属性，专门用于提交combobox中value的值.      现假设某combobox的Id为comboId，hiddenName属性的值为hiddenValue，      那么，使用Ext.get('comboId').dom.value方法获取的是combobox中选中项的文本text值，       而使用Ext.get...
Extjs中给一个组件命名时，id,name,hiddenName这三者的用法和区别是什么
小小鱼儿小小林的博客
09-26 2442
Extjs中给一个组件命名时，id,name,hiddenName这三者的用法和区别是什么 id，name与HTML中元素的id、name相对应 hiddenName是ComboBox特有的初始化config。一般来说，下拉列表分显示值和上传值。hiddenName是用来说明哪个值是上传值。 Ext.Combobox时候用(hiddenName对应下拉的隐藏key,name对应下拉显示内容valu
C#实现ComboBox控件显示出多个数据源属性的方法
12-26
本文实例讲述了C#实现ComboBox控件显示出多个数据源属性的方法。分享给大家供大家参考。具体如下： public partial class Form4 : Form { private Bitmap myBitmap; public Form4() { InitializeComponent(); ...
关于Ext中ComboBox的id,name,hiddenName
weixin_30410999的博客
01-20 541
关于Ext中ComboBox的id,name,hiddenNameExt中的ComboBox，并对对一般意义上的<select>表单渲染，而是重新用div+INPUT堆出来的一堆样式集合体，因为对它的调用跟传统意义上的select完全不同，这个问题搞了一天了，一个头变两个大，还好测出来它们的具体作用了。 首 先：ComboBox中的两个读自Store的属性valueField和disp...
easyui select combobox 的disable属性
热门推荐
关于代码的那些事
06-23 2万+
对于单纯的select，可以用disabled属性让其变成
easyui combobox隐藏和显示
求人不如求己
04-24 1万+
显示$('#typeId').next(".combo").show();隐藏$('#typeId').next(".combo").hide();
Ext3.0下拉框Combobox配置项hiddenName要这么用方可不乱发型
jsjxieyang的专栏
04-29 2122
var app={};   Ext.onReady(function(){        Ext.QuickTips.init();        Ext.form.Field.prototype.msgTarget = side;       Ext.BLANK_IMAGE_URL = ../ext3.0/images/default/s.gif;        var bqarrayD
combobox 必填与非必填转换
xiaocai9999的专栏
01-31 4656
easy-ui 中combobox是一个很常用的组件，那么他有一个不有好的现象，比如页面有一个栏位是否必填，如果选择是另一个栏位比如内容栏位它是一个combobox如下：         是否列入计划：                                     ＊工程进展/是否拆除：                                      
combobox联动为什么选择之和无法更新
最新发布
04-02
<think>好的，我现在需要解决用户提到的Combobox联动时选择后不更新的问题。用户提到的情况是，当多个Combobox绑定同一数据源时，选择一个会影响其他Combobox的显示，而他们不希望这样。同时，用户还提到在联动情况下，比如第一个Combobox选择后，第二个应该根据第一个的值更新，但可能遇到不更新的问题。 首先，我需要回顾Combobox联动的基本原理。通常，联动是通过监听第一个Combobox的选择事件，然后根据选中的值去获取第二个Combobox的数据源，再重新绑定。比如，在引用[3]中，当年级选择变化时，会触发SelectedIndexChanged事件，获取对应的科目列表并重新设置数据源。这是常见的做法，但为什么会出现不更新的情况呢？ 可能的原因有几个。首先，数据源是否正确更新？比如，在事件处理中是否成功获取到了新的数据。其次，数据绑定是否正确，比如DisplayMember和ValueMember是否设置正确。另外，数据源是否为动态更新的，比如是否使用了可观察的集合或通知机制，如INotifyPropertyChanged。如果数据源是静态的，可能不会自动刷新。 然后，用户提到的多个Combobox绑定同一数据源的问题。引用[1]提到，当多个Combobox绑定同一数据源的不同列时，选择一个会影响其他Combobox的显示。解决方案包括使用不同的数据副本或过滤。这可能涉及到数据源的独立性，每个Combobox应该有自己的数据副本，而不是共享同一个，否则更改会影响所有绑定该源的控件。 接下来，考虑用户的具体问题：联动选择后不更新。假设第一个Combobox选择后，第二个没有更新。可能的原因包括事件未正确触发，比如没有正确关联SelectedIndexChanged事件；或者在事件处理中没有正确获取或绑定新数据。例如，在引用[3]的代码中，当年级选择变化时，会重新获取科目列表并设置DataSource，这应该有效。但如果数据源没有正确查询或绑定，就会出现问题。 此外，数据绑定可能需要手动刷新。例如，在某些框架中，设置DataSource后需要调用Refresh或类似方法。或者，如果使用的是数据绑定的特定框架（如WPF），可能需要使用ObservableCollection来自动更新UI。 另外，在引用[4]中，提到在ExtJS中处理联动Combobox时，需要动态过滤store中的数据。这可能涉及到在展开第二个Combobox时根据第一个的值进行过滤。如果过滤逻辑有误，或者store未正确加载，也会导致不更新。 可能的解决方案步骤： 1. 检查事件绑定是否正确，确保SelectedIndexChanged事件已正确注册。 2. 确认在事件处理中获取的数据是否正确，比如调试查看selectid是否正确，查询结果是否有数据。 3. 确保重新设置DataSource后，DisplayMember和ValueMember正确设置。 4. 如果数据源是动态的，使用支持通知的集合类型，如BindingList或ObservableCollection。 5. 在设置新数据源后，可能需要调用Combobox的Refresh方法或重置数据绑定。 6. 对于多个Combobox绑定同一数据源的问题，为每个Combobox创建独立的数据副本，或使用过滤后的视图，避免相互干扰。 例如，在引用[5]中，通过传入参数id来获取对应的Subject列表，这应该确保数据正确。但如果返回的list没有正确绑定到Combobox，或者Combobox没有刷新，就会导致显示问题。此外，可能需要检查数据库查询是否正确，参数是否传递正确。 总结可能的问题点：事件未触发、数据源错误、数据绑定未刷新、共享数据源导致的干扰。解决方案应针对这些点逐一排查和处理。</think>### Combobox联动选择后不更新的解决方案 当Combobox联动出现选择后不更新的问题时，通常由**数据源更新机制失效**或**事件绑定错误**导致。以下是分步解决方案： --- #### 1. 检查事件绑定与数据获取 **问题**：第一个Combobox的`SelectedIndexChanged`事件未正确触发或未更新第二个Combobox的数据源。 **解决**： - 确保事件处理器已绑定到第一个Combobox： ```csharp cboGrade.SelectedIndexChanged += cboGrade_SelectedIndexChanged; ``` - 在事件处理中重新获取数据并绑定： ```csharp private void cboGrade_SelectedIndexChanged(object sender, EventArgs e) { if (cboGrade.SelectedValue == null) return; int gradeId = Convert.ToInt32(cboGrade.SelectedValue); List<Subject> subjects = subjectBLL.GetSubjectsByGrade(gradeId); // 引用[5]的数据获取方法 cboSubject.DataSource = subjects; cboSubject.DisplayMember = "SubjectName"; cboSubject.ValueMember = "SubjectId"; cboSubject.Refresh(); // 强制刷新显示 } ``` --- #### 2. 确保数据源的独立性 **问题**：多个Combobox绑定同一数据源时，修改一个会影响其他控件[^1]。 **解决**： - 为每个Combobox创建**独立的数据副本**，避免直接共享同一数据源： ```csharp // 假设原始数据源为data List<Data> copyData = new List<Data>(data); cboSubject.DataSource = copyData; ``` --- #### 3. 使用支持动态更新的集合类型 **问题**：若数据源是静态集合（如`List<T>`），修改数据后界面不会自动刷新。 **解决**： - 改用`BindingList<T>`或`ObservableCollection<T>`，支持自动通知UI更新： ```csharp BindingList<Subject> subjects = new BindingList<Subject>(subjectsList); cboSubject.DataSource = subjects; ``` --- #### 4. 手动重置数据源 **问题**：某些框架（如WinForms）在直接修改`DataSource`后可能需要手动重置。 **解决**： - 重新绑定前先设置为`null`，再赋新值： ```csharp cboSubject.DataSource = null; cboSubject.DataSource = subjects; cboSubject.DisplayMember = "SubjectName"; ``` --- #### 5. 处理联动清空逻辑 **问题**：第一个Combobox重新选择时，第二个Combobox未清空旧数据[^2]。 **解决**： - 在第一个Combobox的事件中增加清空逻辑： ```csharp private void cboGrade_SelectedIndexChanged(object sender, EventArgs e) { cboSubject.DataSource = null; // 清空原有数据 cboSubject.Text = string.Empty; // 重新绑定新数据... } ``` --- #### 6. 验证数据查询逻辑 **问题**：数据库查询未返回预期结果，导致数据源为空。 **解决**： - 检查SQL查询语句和参数传递（引用[5]的方法）： ```csharp public List<Subject> GetSubjectsByGrade(int gradeId) { string sql = "SELECT * FROM Subject WHERE GradeId = @GradeId"; SqlParameter param = new SqlParameter("@GradeId", gradeId); DataTable dt = SQLHelper.ExecuteDataTable(sql, param); return ConvertDataTableToList(dt); // 确保转换逻辑正确 } ``` --- ### 总结流程图 ``` 事件触发 → 获取选中值 → 查询新数据 → 重置数据源 → 刷新显示 ``` 通过上述步骤，可解决90%的Combobox联动更新问题。若仍不生效，需检查控件属性（如`ValueMember`/`DisplayMember`是否正确）或框架特性（如WPF需使用`ObservableCollection`）。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值