easyui笔记：datagrid 编辑结束时combobox显示value而不显示text

最新推荐文章于 2024-04-13 07:06:41 发布
最新推荐文章于 2024-04-13 07:06:41 发布
阅读量4.5k 收藏 2
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37995317/article/details/72729994
版权
这篇博客详细记录了在使用EasyUI Datagrid编辑时，如何配置Combobox使得在编辑结束后，Combobox显示value而不是text。通过设置formatter函数和editor的options属性，实现了在显示和编辑模式下的不同展示效果。
摘要由CSDN通过智能技术生成 
 

    
 
  1.  
     
    2. 
 
  2.  
     
    3. 
 
  3.  <th data-options="field:'UserLevelId
    4. 


                

        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  御剑叹
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
easyui datagrid combobox 选择后显示valueField 而不是 textValue解决方法

				
			

			

				

					897371388
				

				

					11-09
					
					2237
					
				

			

		

		

			
				
前台：easyui，jquery1.3，html
后台：thinkphp，php
最终效果：

这次做项目的时候突然遇到一个非常棘手的问题，好好的使用的easyui的datagrid控件突然出现异常，特别是在对某些单元格进行编辑时并且编辑是使用combobox控件，此时会出现异常情况，选择过选项后本来该出现的是textValue的值，结果却总是出现valueField的值。查阅资料的过程中...

			
		

	



                

              
                



	

		

			

				
					
easyui 行编辑保存后combobox显示value而不显示text解决方案

				
			

			

				

					u014601583的博客
				

				

					11-02
					
					2628
					
				

			

		

		

			
				
点击保存时触发onEndEdit函数：

//   column_type为combobox的filed名字。

 function onEndEdit(index, row){
    var ed_column_type = $(this).datagrid('getEditor', {
        index: index,
        field: 'column_type'
  ...

			
		

	



                


  
              

                


	

		

			

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

				
			

			

				

					09-28
				

			

		

		

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

			
		

	





	

		

			

				
					
解决easyui combobox赋值boolean类型的值时，经常出现的内容显示的value而不是text的bug...

				
			

			

				

					weixin_34212762的博客
				

				

					01-04
					
					293
					
				

			

		

		

			
				
版本：EasyUI 1.7.0
在用easyui写项目时，碰到一个combobox的奇葩bug。代码如下：
&lt;div&gt;
    &lt;select class="easyui-combobox" id="edit_sex" name="sex" data-options="label:'性别:', width:300, required:true"&gt;
        &

			
		

	



		

			
		



	

		

			

				
					
Easyui datagrid 编辑结束时combobox显示value而不显示text

				
			

			

				

					我的博客
				

				

					05-03
					
					404
					
				

			

		

		

			
				
Easyui datagrid 编辑结束时combobox显示value而不显示text。

			
		

	





	

		

			

				
					
EasyUI  datagrid 绑定combobox 结束编辑后显示value值问题

				
			

			

				

					neverchanged的博客
				

				

					03-23
					
					2238
					
				

			

		

		

			
				
最近公司接的是ZF项目，换了easyUI,开发时有这样的一个效果，要求表格可编辑，某些列是下拉框显示。参考easyUI API显示效果很好实现。但是编辑完成后，调用


$('#dg').datagrid('endEdit', editIndex)后，单元格中的值会显示为value值，不是text值，假如 [{value:1,text:'定量'},{value:2,text:'定性'}],也就是说...

			
		

	





	

		

			

				
					
easyui笔记

				
			

			

				

					lcfqzd的博客
				

				

					09-20
					
					234
					
				

			

		

		

			
				
1、入门
1.1. 简介

封装大量的jQuery插件(简化ajax，jquery，css样式，布局)


学习内容

插件实现:
   ① HTML标签+插件的class样式。
       <a href="#" class="easyui-linkbutton">我是讲文明</a>
   ② HTML标签+基于编程的插件实现
       <a href='#' id="btn">我是洪世鹏</a>
       js代码： $("#btn").link

			
		

	





	

		

			

				
					
EasyUI Jquery 学习笔记 ——DataGrid（数据网格）与 Tree（树）详细版

					
最新发布

				
			

			

				

					cccloveforever的博客
				

				

					04-13
					
					2274
					
				

			

		

		

			
				
数据网格（datagrid）以表格格式显示数据，并为选择、排序、分组和编辑数据提供了丰富的支持。数据网格（datagrid）的设计目的是为了减少开发时间，且不要求开发人员具备指定的知识。它是轻量级的，但是功能丰富。它的特性包括单元格合并，多列页眉，冻结列和页脚，等等。

			
		

	





	

		

			

				
					
EasyUI总结（2）

				
			

			

				

					qq_45234040的博客
				

				

					07-22
					
					133
					
				

			

		

		

			
				
EasyUI总结（2）
1.1.	DataGrid面板
介绍：
DataGrid数据表格：
DataGrid以表格形式展示数据，并提供了丰富的选择、排序、分组和编辑数据的功能支持。
DataGrid的设计用于缩短开发时间，并且使开发人员不需要具备特定的知识。
它是轻量级的且功能丰富。单元格合并、多列标题、冻结列和页脚只是其中的一小部分功能
代码示例：
	<script type="text/...

			
		

	





	

		

			

				
					
Jquery easy ui的分页,table,数据加载

				
			

			

				

					UUID
				

				

					01-06
					
					4700
					
				

			

		

		

			
				
最近用到了，做个笔记。

注意的问题：
1.jquery easy ui不支持单引号的json字符串，解析数据会出现问题
2.Jquery能支持的表单解析格式是：
{"total":1,"rows":[{"serialNo":"1","valiStartDate":1385827200000,"valiEnd":null}]}
Total:是后台记录的总条数
Rows是返回过来的数据

			
		

	





	

		

			

				
					
EasyUI--datagrid中编辑器(editor)的类型为combobox的值得绑定

					
热门推荐

				
			

			

				

					路在路上的博客
				

				

					08-26
					
					3万+
					
				

			

		

		

			
				
1.绑定固定的值
 $(function () {
        	/**管道级别*/
        	var pipingLevel = [{"value":"1","text":"A级"},{"value":"2","text":"B级"},{"value":"3","text":"C级"}];
        	function levelformmat(value){

			
		

	





	

		

			

				
					
datagrid combobox 选择后显示valueField 而不是 textValue解决方法

				
			

			

				

					我的博客
				

				

					09-15
					
					744
					
				

			

		

		

			
				
解决方法：

editor不要url加载
data:数据
ajax请求拿到数据(同步请求不要异步请求)



editor:{
	type:'combobox',
	options:{
        //url:APP+'/Broadband/suitComboInfo', //传统的写法
        valueField:'s_id',   
       textField:'s_name',
       data:synchroAjaxByUrl()//更改之后的写法
	},
   requ.

			
		

	





	

		

			

				
					
解决easyui propertygrid控件中，combobox控件（下拉框控件）回显value值的问题

				
			

			

				

					johntsu的专栏
				

				

					05-31
					
					8830
					
				

			

		

		

			
				
问题背景：
    我们用easyui做项目，经常会碰到这样的场景，如下图：



没错，我们都喜欢弹出个对话框，然后在里面放个propertygrid控件来实现ui布局和信息的输入。但是如果其中含有需要下拉框选择的字段，比如“性别”，就会出现经典的下拉框value值回显的问题，如下面的几张图所示：







    是不是有种似曾相识的感觉涌上心头？
    关键

			
		

	





	

		

			

				
					
Easyui datagrid editor为combobox时指定数据源

				
			

			

				

					——————————————
				

				

					04-18
					
					655
					
				

			

		

		

			
				
当在datagrid行内部应用添加编辑操作时，引入combobox是非常方便的操作，我在引入combobox时对数据源这快做个总结，在做demo的过程中遇到个问题，就是当你选择了下拉框的值后点击保存，此时显示的是value值，而不是text值，这时使用格式化函数解决此问题。
     







1
2
3
4
5
6
7
8
9
10
11
12
1

			
		

	





	

		

			

				
					
EasyUI中的datagrid的editor对Combobox设置默认值

				
			

			

				

					风若寒
				

				

					08-28
					
					1605
					
				

			

		

		

			
				
例如：


  <th data-options="field:'Active',width:100,align:'center',
                    editor:{
                                type:'combobox',
                                options:{
                                valueField:'Value',
								textFi

			
		

	





	

		

			

				
					
easyui-combogrid回显需用setText，不能用setValue

				
			

			

				

					weixin_51990279的博客
				

				

					04-13
					
					1171
					
				

			

		

		

			
				
Jsp调用combogrid，回显需用setText，不能用setValue，不然有些显示，有些不显示；
正确用法：
var rows = $(‘#tb’).datagrid(‘getSelections’);
var row0 = rows[0];
$(‘#tbxId’).val(row0.id);
$(‘#cbxStaffNo’).combogrid(‘clear’);
$(‘#cbxStaffNo’).combogrid(“setText”, row0.staffNo);
$(‘#cbxStaffNo

			
		

	





	

		

			

				
					
【easyui】combobox根据后台返回的json设置value

				
			

			

				

					柠檬加冰
				

				

					06-10
					
					2572
					
				

			

		

		

			
				
思路：1、 通过el表达式，将后台返回的json对象相应的值获取出来 
2、 在onLoadSuccess函数中，将该值设置为显示的值代码：var typeText = '${proj.type}';
            $("#type").combobox({
                editable:false,
                panelHeight:'auto'

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值