easyui 获取combox数据textField

最新推荐文章于 2024-09-03 14:39:23 发布
最新推荐文章于 2024-09-03 14:39:23 发布
阅读量3.9k 收藏
点赞数
分类专栏： java 文章标签： javascript easyui d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aliqing777/article/details/10303725
版权
在使用easyui时遇到一个难题，当保存修改后的数据时，datagrid中的combobox字段row.mc获取到的是textField值，而在新增行并保存时却获取到valueField。查阅资料未找到直接解决方案。有帖子指出，点击新增时若不执行endEdit，combobox显示的将是value而非textField。代码中存在判断editIndex是否为undefined来决定是否endEdit，影响了数据读取。
摘要由CSDN通过智能技术生成
今天使用easyui的datagrid组件，在组件中放了combobox,

当修改数据后保存时row.mc读取的combobox值是textField数据（mc是datagrid中的field）

而当新插入一行后保存时row.mc读取的数据却是valueField，这个让我很是费解，上网查很多都没找到如何可以读取datagrid中combobox的textFiedl和valueField,本人也是在学习过程中，所以很多都不清楚

但是在学习的过程中，有一个帖子上说：

点击【新增】按钮的时候，关闭（endEdit）当前选中行的编辑状态，这个时候本来combobox里面显示的text，全都变成了combobox的value。


我的js中有这样一段代码：


                

        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  aliqing777
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
EasyUI中combobox 获取选中的id或者text

				
			

			

				

					☆╮123☆
				

				

					09-20
					
					7087
					
				

			

		

		

			
				
$('#ddlCP').combobox({
                valueField: 'text',
                textField: 'text',
                onChange: function (values, o) {
                    if (values != "" && (values.lengt

			
		

	



                

            
              



	

		

			

				
					
easyUI 构建combox 多选框

				
			

			

				

					伶生的博客
				

				

					10-21
					
					717
					
				

			

		

		

			
				
1、不带全选按钮的多选框


/**
 * 功能：构建下拉多选框
 * 参数：
 * 		tabId  select标签的id
 * 		url  传到后台的URL，这个返回的数据一定要是json数据格式
 * 		optionValue 后台数据库视图或表的字段名（这里字段名要全部大写），这个对应的是select标签中保存到数据库的值
 *		optionText 后台数据库视图或表的字段名（这里字段名要全部大写），这个对应的是select标签中页面展现的值
 * create ：fengzj
 * cr

			
		

	



              


  
              

                


	

		

			

				
					
easyUI中combobox中idFeild和textFeild的取值方法

				
			

			

				

					captian_900331的博客
				

				

					08-23
					
					2万+
					
				

			

		

		

			
				
easyUI中combobox是比较常用的选择数据的方式，在官方的API说明中是这样描述的：扩展自 $.fn.combo.defaults。使用 $.fn.combobox.defaults重写默认值对象。下拉列表框显示一个可编辑文本框和下拉式列表，用户可以选择一个值或多个值。用户可以直接输入文本到列表顶部或选择一个或多个当前列表中的值。
而在实际的应用中我们可以使用combogrid来查询数据并返

			
		

	





	

		

			

				
					
EasyUITextFields 开源项目教程

				
			

			

				

					gitblog_01031的博客
				

				

					08-26
					
					417
					
				

			

		

		

			
				
EasyUITextFields 开源项目教程
 EasyUITextFieldsEasy Text Fields项目地址:https://gitcode.com/gh_mirrors/ea/EasyUITextFields 项目介绍
EasyUITextFields 是一个基于 jQuery EasyUI 的文本框组件扩展项目，旨在简化表单输入字段的创建和管理。该项目通过增强输入字段组件，使用户...

			
		

	



		

			
		



	

		

			

				
					
实现easyui combobox中textField字段的拼接

				
			

			

				

					diaoqu0519的博客
				

				

					05-10
					
					742
					
				

			

		

		

			
				
　　开发过程中遇到这样的一个需求：　　从后台得到的两个字段aa、bb拼接为一个字段aabb显示在easyui combobx的下拉选项中。
　　实现方法：
　　利用formatter属性定义如何呈现行：　
　　页面代码：

1 <th><span>车辆信息：</span></th>
2 <td>
3 　　<d...

			
		

	





	

		

			

				
					
easyUI 的combobox如何获取除valueField和textField外的三个值

				
			

			

				

					我的博客
				

				

					09-24
					
					831
					
				

			

		

		

			
				
后台返回json包括id name mobile
valueField：id
textFied：name
如何再获取到mobile 
// 返回加载的数据 
$('#mycomBox').combobox('getData');
// 获取三个值 
$('#mycomBox').combobox('getValues');




			
		

	





	

		

			

				
					
easyui combobox中textField字段的拼接

				
			

			

				

					weixin_34290631的博客
				

				

					04-30
					
					950
					
				

			

		

		

			
				
要得到如下图的效果: 省市区的拼接（这种使用不多）。一般情况下类似于这样的省市区联动都是用citypicker解决，
很少使用拼接。此处是根据这种实际的业务想出的方法

1.数据库中的数据如图:


2.combobox

<td>选择区域</td>
                            <td>
           ...

			
		

	





	

		

			

				
					
easyui-combox 下拉框选择默认值

				
			

			

				

					Black Swan
				

				

					09-05
					
					1982
					
				

			

		

		

			
				
今天碰见一个问题，就是easyui-combox 下拉框选择默认值的问题。这个问题百度了一下很简单。有一段代码很好用，希望能帮助以后的猿友们。(function(){(function(){  
    (“#selectCnq”).combobox({ 
        url: ‘DataAction!getCNQList.action’, 
        valueField: “ID”,

			
		

	





	

		

			

				
					
EasyUI combotree扩展支持自定义idField和textField

				
			

			

				

					wxz127的博客
				

				

					06-07
					
					4302
					
				

			

		

		

			
				
//combotreeExtend.js$.fn.tree.defaults.loadFilter = function(data, parent) {
	var options = $(this).data().tree.options;
	var idField = options.idField || 'id',
	textField = options.textField || 'text...

			
		

	





	

		

			

				
					
easyui combobox获取后台数据库数据的方式介绍

					
热门推荐

				
			

			

				

					时光匆匆独白 将颠沛磨成卡带
				

				

					05-16
					
					2万+
					
				

			

		

		

			
				
今天中午利用午休时间，学习了一下easyui combobox控件的的使用，可以参见下面的连接查看与combobox 相关的资料
    easyui combobox详细介绍 
(一)、功能需求（如下图所示）:获取行政区划显示在下拉列表中
        
（二）、前台实现conbomox.jsp
      2.1、引入easyui相关文件到项目，在这里不多做介绍了，童鞋们可以自己度

			
		

	





	

		

			

				
					
【jQuery easyUI】jQuery 获取easyUI combobox选中的值

				
			

			

				

					别样的风采是我
				

				

					08-01
					
					7473
					
				

			

		

		

			
				
1.获取valueField的值：
$('#comboboxlist').combobox('getValue');
2.获得textField的值：
$('#comboboxlist').combotree('getText');

$('#comboboxlist').combobox('getText');

			
		

	





	

		

			

				
					
jqueryEasyUI TagBox获取值的方法

				
			

			

				

					现役码农的博客
				

				

					09-02
					
					2880
					
				

			

		

		

			
				
最近由于需求，需要用到这个控件。在编写过程中出现了几个小插曲，记录下来。

下面是测试代码，引入jquery和jqueryeasyui后可以直接运行。


<body>
	<div style="margin:20px 0;"></div>
	<div class="easyui-panel" style="width:100%;max-width:400...

			
		

	





	

		

			

				
					
easyui中datagrid列表里面带有textbox和combobox的示例

				
			

			

				

					feinifi的博客
				

				

					01-14
					
					5739
					
				

			

		

		

			
				
datagrid在默认情况下，我们只是用来展示数据，大多数情况下是和分页结合使用，但是偶尔的一些特殊需求，他要展示一个form表单的一些列表项，而且还可以在列表中进行修改，最终提交表单的时候，我们在列表里面的文本框或者下拉框中做的修改，能够体现在form表单中，我们知道，datagrid的columns属性，提供了如{field:"action",formatter:actions}的形式，可以直...

			
		

	





	

		

			

				
					
easyui的combobox

					
最新发布

				
			

			

				

					qq_40874404的博客
				

				

					09-03
					
					215
					
				

			

		

		

			
				
【代码】easyui的combobox。

			
		

	





	

		

			

				
					
easyUI获取选中行的数据

				
			

			

				

					王光
				

				

					03-26
					
					6310
					
				

			

		

		

			
				
有的需要做一些修改的功能，那如何获取到选中行的数据并把这些数据赋值到新的编辑框呢？API上也给我们提供了一个属性getSelected。具体的用法如下：

    //修改数据
    function doEdit() {
        $('#w').window('open');//打开新的编辑框
        var row = $('#dg').datagrid('getSelect...

			
		

	





	

		

			

				
					
easyUI的valueField与textField失效问题

				
			

			

				

					weixin_48508049的博客
				

				

					11-03
					
					2280
					
				

			

		

		

			
				
easyUI的valueField与textField失效问题
在使用easyUI的combotree的时候，设置参数valueField:‘id’,textField:‘text’，能使接受到的参数展示到tree上
$('#parentId').combotree({
            url: '${ctx}/me/maintenanceType/getTreeData',
            valueField:'id',
            textField:'text',
   

			
		

	





	

		

			

				
					
jquery easyui combox 数据获取

				
			

			

				

					lilywangcn
				

				

					12-23
					
					308
					
				

			

		

		

			
				
 
    在jquery easyui 的demo中，通过
url="combobox_data.json" 
  从服务器获取json数据，combobox_data.json的数据内容如下
[{
	"id":0,
	"text":""
},{
	"id":1,
	"text":"Java"
},{
	"id":2,
	&

			
		

	





	

		

			

				
					
Easyui-datagrid的column的type是combobox时，对valueField,textField,及formatter函数return值的理解

				
			

			

				

					studying0419的博客
				

				

					02-24
					
					6447
					
				

			

		

		

			
				
详见下图：
1.该column默认显示的是value值，如果有return函数，则显示return值。

2.并且valueField必须是唯一，否则textField不能显示。

			
		

	





	

		

			

				
					
uitextfield 属性

				
			

			

				

					sinyran的专栏
				

				

					11-13
					
					2393
					
				

			

		

		

			
				
参考文章地址：http://my.oschina.net/plumsoft/blog/42310

Attribute Inspector 分为三部分，分别是 Text Field、Control 和 View 部分。我们重点看看 Text Field 部分。

Text Field 部分有以下选项：

1、Text ：设置文本框的默认文本。

2、Placeholder ： 可以

			
		

	





	

		

			

				
					
缩小easyui下拉框combox数据的行间距

				
			

			

				

					06-06
				

			

		

		

			
				
要缩小EasyUI下拉框combox数据的行间距，可以使用以下CSS样式：

```css
.combobox-item {
  line-height: 20px; /* 设置行高为20像素 */
}
```

以上代码中，我们使用 `.combobox-item` 选择器来选择下拉框中的数据项，并将行高设置为20像素。你可以根据需要调整行高值，以达到你想要的行间距效果。

同时，你可以将以上样式添加至EasyUI主题CSS文件中，以达到全局生效的效果。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值