easyui datagrid combobox 默认值的设置

datagrid的一个列为combobox,现在要在新增数据的设置他的默认值,如何设置?
或者说如何让他默认选中第一行

           {
               field: 'NMK06', title: '性别', width: 100, align: 'center',
               editor: {
                   type: 'combobox', options: {
                       valueField: "value", textField: "text",
                       data: [{ value: '请选择', text: '请选择'},{ value: '男', text: '男' },{ value: '女', text: '女' }],
                       onLoadSuccess: function () {
                          // $(this).combobox('setValue', '0');
                          // $(this).combobox('setText', '--请选择--');
                       },

                       panelHeight: '60'
                   }
               }, sortable: true
           },

8个回答

你在调用datagrid的appendRow或者insertRow的时候,对应的列值的默认值要加上,要不匹配不上就是空的,如
$('#xx').datagrid('appendRow',{NMK07:0,RealName:0}),要给默认值,要编辑时和指定的data数组值匹配不上导致combobox没有显示默认值

weixin_43954393
weixin_43954393 厉害
4 个月之前 回复
lihaohangnow
lihaohangnow datagrid已经显示了,为什么还要添加行呢
一年多之前 回复
OnlyOneoneone
OnlyOneoneone
大约 3 年之前 回复
showbo
支付宝加好友偷能量挖 回复snaif_lx: 客气。
大约 4 年之前 回复
snaif_lx
snaif_lx 搞定,感谢版主
大约 4 年之前 回复
snaif_lx
snaif_lx if (editRow == undefined) { datagrid.datagrid("insertRow", { index: 0, // index start with 0 row: { NMK06: 0, NMK07: 0 } }); //将新插入的那一行开户编辑状态 datagrid.datagrid("beginEdit", 0); //给当前编辑的行赋值 editRow = 0; }
大约 4 年之前 回复
snaif_lx
snaif_lx 有道理,我马上试试
大约 4 年之前 回复

       $(function () {
           var datagrid; //定义全局变量datagrid
           var editRow = undefined; //定义全局变量:当前编辑的行
           datagrid = $("#dd").datagrid({
               url: 'UserCenter.aspx', //请求的数据源
               iconCls: 'icon-save', //图标
               pagination: true, //显示分页
               pageSize: 15, //页大小
               pageList: [15, 30, 45, 60], //页大小下拉选项此项各value是pageSize的倍数
               fit: true, //datagrid自适应宽度
               fitColumn: false, //列自适应宽度
               striped: true, //行背景交换
               nowap: true, //列内容多时自动折至第二行
               border: false,
               idField: 'ID', //主键
               columns: [[//显示的列
               {field: 'ID', title: '编号', width: 100, sortable: true, checkbox: true },
                { field: 'UserName', title: '用户名', width: 100, sortable: true,
                    editor: { type: 'validatebox', options: { required: true} }
                },
                 { field: 'RealName', title: '真实名称', width: 100,
                 editor: {
                     type: 'combobox', options: {
                         data: [{ id: 0, text: '请选择' }, { id: 1, text: '男' }, { id: 2, text: '女' }],
                         valueField: 'id', textField: 'text',
                         onLoadSuccess: function () {
                             var myvalue = $(this).combobox('getValue');
                             if (myvalue == '' || myvalue == null) {
                                 var data = $(this).combobox('getData');

                                 $(this).combobox('select', data[0].id);
                                 $(this).combobox('setValue', data[0]['id']);
                                 $(this).combobox('setText', data[0]['text']);
                                 alert('aa');
                             }
                         }
                     }

                 }
                 },
                  { field: 'Email', title: '邮箱', width: 100,
                      editor: { type: 'validatebox', options: { required: true} }
                  }
               ]],
               queryParams: { action: 'query' }, //查询参数
               toolbar: [{ text: '添加', iconCls: 'icon-add', handler: function () {//添加列表的操作按钮添加,修改,删除等
                   //添加时先判断是否有开启编辑的行,如果有则把开户编辑的那行结束编辑
                   if (editRow != undefined) {
                       datagrid.datagrid("endEdit", editRow);
                   }
                   //添加时如果没有正在编辑的行,则在datagrid的第一行插入一行
                   if (editRow == undefined) {
                       datagrid.datagrid("insertRow", {
                           index: 0, // index start with 0
                           row: {

                           }
                       });
                       //将新插入的那一行开户编辑状态
                       datagrid.datagrid("beginEdit", 0);
                       //给当前编辑的行赋值
                       editRow = 0;
                   }

               }
               }, '-',
                { text: '删除', iconCls: 'icon-remove', handler: function () {
                    //删除时先获取选择行
                    var rows = datagrid.datagrid("getSelections");
                    //选择要删除的行
                    if (rows.length > 0) {
                        $.messager.confirm("提示", "你确定要删除吗?", function (r) {
                            if (r) {
                                var ids = [];
                                for (var i = 0; i < rows.length; i++) {
                                    ids.push(rows[i].ID);
                                }
                                //将选择到的行存入数组并用,分隔转换成字符串,
                                //本例只是前台操作没有与数据库进行交互所以此处只是弹出要传入后台的id
                                alert(ids.join(','));
                            }
                        });
                    }
                    else {
                        $.messager.alert("提示", "请选择要删除的行", "error");
                    }
                }
                }, '-',
                { text: '修改', iconCls: 'icon-edit', handler: function () {
                    //修改时要获取选择到的行
                    var rows = datagrid.datagrid("getSelections");
                    //如果只选择了一行则可以进行修改,否则不操作
                    if (rows.length == 1) {
                        //修改之前先关闭已经开启的编辑行,当调用endEdit该方法时会触发onAfterEdit事件
                        if (editRow != undefined) {
                            datagrid.datagrid("endEdit", editRow);
                        }
                        //当无编辑行时
                        if (editRow == undefined) {
                            //获取到当前选择行的下标
                            var index = datagrid.datagrid("getRowIndex", rows[0]);
                            //开启编辑
                            datagrid.datagrid("beginEdit", index);
                            //把当前开启编辑的行赋值给全局变量editRow
                            editRow = index;
                            //当开启了当前选择行的编辑状态之后,
                            //应该取消当前列表的所有选择行,要不然双击之后无法再选择其他行进行编辑
                            datagrid.datagrid("unselectAll");
                        }
                    }
                }
                }, '-',
                { text: '保存', iconCls: 'icon-save', handler: function () {
                    //保存时结束当前编辑的行,自动触发onAfterEdit事件如果要与后台交互可将数据通过Ajax提交后台
                    datagrid.datagrid("endEdit", editRow);
                }
                }, '-',
                { text: '取消编辑', iconCls: 'icon-redo', handler: function () {
                    //取消当前编辑行把当前编辑行罢undefined回滚改变的数据,取消选择的行
                    editRow = undefined;
                    datagrid.datagrid("rejectChanges");
                    datagrid.datagrid("unselectAll");
                }
                }, '-'],
               onAfterEdit: function (rowIndex, rowData, changes) {
                   //endEdit该方法触发此事件
                   console.info(rowData);
                   editRow = undefined;
               },
               onDblClickRow: function (rowIndex, rowData) {
                   //双击开启编辑行
                   if (editRow != undefined) {
                       datagrid.datagrid("endEdit", editRow);
                   }
                   if (editRow == undefined) {
                       datagrid.datagrid("beginEdit", rowIndex);
                       editRow = rowIndex;
                   }
               }
           });
       });
</script>


      <table id="dd">

snaif_lx
snaif_lx 完整代码如上:
大约 4 年之前 回复

在你的data里面,找到要默认值的那个,设置selected=true即可

snaif_lx
snaif_lx 首先,selected=true肯定不对,要也是selected:true才对,但是可惜这样不行,早就试过了
大约 4 年之前 回复
jetlee1028
jetlee1028 回复jetlee1028: 例如{value:'男',key:'男',selected=true}
大约 4 年之前 回复
                       onLoadSuccess:function()  
                       {                        
                           var myvalue = $(this).combobox('getValue');  
                           if(myvalue == '' || myvalue==null )  
                           {                         
                               var data = $(this).combobox('getData');

                               $(this).combobox('select', data[0].id);
                               $(this).combobox('setValue', data[0]['id']);
                               $(this).combobox('setText', data[0]['text']);
                               alert('aa');
                           }  
                       },   

这样还是不行,求大能啊,是不是哪里有问题

你在设置性别男女的时候,给他多加一个id,对应的每次选择之后传回相应的id. 每次加载的时候,再把id付给combobox.

value text id 三个都写

snaif_lx
snaif_lx 多写个字段意义何在?
大约 4 年之前 回复

通过url获取值的combobox默认值没有问题,但是通过data方式获取数据的combobox默认就没有值,奇怪了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
easyui datagrid combobox 一行选中一个值,其它行不能再选择,怎么实现 求帮助
-
easyui datagrid中combobox的问题
-
easyUi datagrid 的combobox 保存成功之后不显示text的值
-
easyui datagrid combobox联动的问题
-
easyui datagrid combobox联动的问题
-
easyui datagrid分页问题
-
easyui datagrid 中combobox显示问题
-
easyui,combobox设置默认值联动问题.
-
easyUI datagrid url的数据处理问题
-
easyui datagrid getChecked无法获取勾选的数据
-
easyui combobox如何删除选中的项目
-
easyui datagrid合并主键值一样的记录
-
easyui datagrid如何同时实现自适应大小和垂直滚动条?
-
easyui datagrid 分页怎样更新page,rows参数
-
easyui datagrid关于数据绑定的显示问题?
-
easyUI datagrid 数据显示不出来的问题
-
easyUI的combobox设置值的问题
-
easyui datagrid field配置一样formatter无效
-
easyui datagrid 里面有个卡片视图 怎么做出来的
-
程序员竟然钟爱这个!我 low了
今天和一帮程序员大佬群里闲聊(需要入群的可以加最底下微信哦~)聊着聊着竟然扯到鞋子一直在讨论穿什么鞋子比较耐脏然后一帮大佬集中围殴小白鞋说小白鞋虽然百搭但是太容易脏,太不...
程序员实用工具网站
目录 1、搜索引擎 2、PPT 3、图片操作 4、文件共享 5、应届生招聘 6、程序员面试题库 7、办公、开发软件 8、高清图片、视频素材网站 9、项目开源 10、算法 11、在线工具宝典大全 程序员开发需要具备良好的信息检索能力,为了备忘(收藏夹真是满了),将开发过程中常用的网站进行整理。 1、搜索引擎 1.1、秘迹搜索 一款无敌有良心、无敌安全的搜索引擎,不会收...
996下的程序员,该如何保证自己的身体健康?
作者:陈大鱼头github:KRISACHAN自从开始写代码之后,一天里大部分的时间都贡献了给了电脑跟那张从X总办公室里搬回来的人体工学椅了。鱼头也经历过无数次的 肥胖 ...
史上最详细的IDEA优雅整合Maven+SSM框架(详细思路+附带源码)
网上很多整合SSM博客文章并不能让初探ssm的同学思路完全的清晰,可以试着关掉整合教程,摇两下头骨,哈一大口气,就在万事具备的时候,开整,这个时候你可能思路全无 ~中招了咩~ ,还有一些同学依旧在使用eclipse或者Myeclipse开发,我想对这些朋友说IDEA 的编译速度很快,人生苦短,来不及解释了,直接上手idea吧。这篇文章每一步搭建过程都测试过了,应该不会有什么差错。本文章还有个比较优秀的特点,就是idea的使用,基本上关于idea的操作都算是比较详细的,所以不用太担心不会撸idea!最后,本文
全球最厉害的 14 位程序员!
来源 | ITWorld 整理自网络全球最厉害的 14 位程序员是谁?今天就让我们一起来了解一下吧,排名不分先后。01. Jon Skeet个人名望:程序技术问答网站 S...
我花了一夜用数据结构给女朋友写个H5走迷宫游戏
起因 又到深夜了,我按照以往在csdn和公众号写着数据结构!这占用了我大量的时间!我的超越妹妹严重缺乏陪伴而 怨气满满! 而女朋友时常埋怨,认为数据结构这么抽象难懂的东西没啥作用,常会问道:天天写这玩意,有啥作用。而我答道:能干事情多了,比如写个迷宫小游戏啥的! 当我码完字准备睡觉时:写不好别睡觉! 分析 如果用数据结构与算法造出东西来呢? ...
招人!入职阿里仅1年,我和做AI的程序员薪资翻了2倍!
最近在知乎上,关于AI的这个话题又被顶起来,其中,这条回答让人印象深刻:在这短短的一条信息里,无疑显示出:AI行业缺人,高端岗位80万年薪恐怕也招不来!小编上周在一个AI...
什么是大公司病(太形象了)
点击蓝色“五分钟学算法”关注我哟加个“星标”,天天中午 12:15,一起学算法作者 | 南之鱼来源 | 芝麻观点(chinamkt)所谓大企业病,一般都具有机构臃肿、多重...
让程序员崩溃的瞬间(非程序员勿入)
今天给大家带来点快乐,程序员才能看懂。 来源:https://zhuanlan.zhihu.com/p/47066521 1. 公司实习生找 Bug 2.在调试时,将断点设置在错误的位置 3.当我有一个很棒的调试想法时 4.偶然间看到自己多年前写的代码 5.当我第一次启动我的单元测试时 ...
Spring高级技术梳理
Spring高级技术梳理 序言正文SpringDate部分Spring全家桶之SpringData——预科阶段Spring全家桶之SpringData——Spring 整合Hibernate与Hibernate JpaSpring全家桶之SpringData——Spring Data JPASpring全家桶之SpringData——SpringData RedisSpringBoot部分Sp...
Git 天天用 但是 Git 原理你了解吗?
Git 原理 做技术一定要知其然知其所以然,意思就是:知道它是这样的,更知道它为什么是这样的。我主要通过4块内容来简单介绍 Git 是原理是什么样的。这4块内容如下: Git 存储目录结构介绍 Git 是如何存储的 Git 的对象 Git引用 当然 Git 原理不仅仅包含这些,想要更深入了解请查看官方教程 https://git-scm.com/book/zh/v2/。 本文内容是我在 Git...
Android——微信自动回复实现
首先本文的测试微信版本是7.0.3 ,亲测可以使用。 需要实现-抓取微信自动回复消息的功能点。 一.首先打开DDMS,使用按钮。 在微信中回复一个消息 点击Stop Method Profiling。 二.查看生成的报表,观察到如下两个方法 其中1应该是发送消息的接口方法。2应该是UI层显示的方法。 三.首先分析第一个方法: 1.,可以看到,参数值是String,返...
分享靠写代码赚钱的一些门路
作者 mezod,译者 josephchang10如今,通过自己的代码去赚钱变得越来越简单,不过对很多人来说依然还是很难,因为他们不知道有哪些门路。今天给大家分享一个精彩...
对计算机专业来说学历真的重要吗?
我本科学校是渣渣二本,研究生学校是985,现在毕业五年,校招笔试、面试,社招面试参加了两年了,就我个人的经历来说下这个问题。 这篇文章很长,但绝对是精华,相信我,读完以后,你会知道学历不好的解决方案,记得帮我点赞哦。 先说结论,无论赞不赞同,它本质就是这样:对于技术类工作而言,学历五年以内非常重要,但有办法弥补。五年以后,不重要。 目录: 张雪峰讲述的事实 我看到的事实 为什么会这样 ...
技术人员要拿百万年薪,必须要经历这9个段位
很多人都问,技术人员如何成长,每个阶段又是怎样的,如何才能走出当前的迷茫,实现自我的突破。所以我结合我自己10多年的从业经验,总结了技术人员成长的9个段位,希望对大家的职...
8000字干货:那些很厉害的人是怎么构建知识体系的
本文约8000字,正常阅读需要15~20分钟。读完本文可以获得如下收益: 分辨知识和知识体系的差别 理解如何用八大问发现知识的连接点; 掌握致用类知识体系的构建方法; 能够应用甜蜜区模型找到特定领域来构建知识体系。 1. 知识体系?有必要吗? 小张准备通过跑步锻炼身体,可因为之前听说过小腿变粗、膝盖受伤、猝死等等与跑步有关的意外状况,有点担心自己会掉进各种坑里,就在微信上问朋友圈一直晒跑步...
万字长文!线性代数的本质课程笔记完整合集
点击上方“Datawhale”,选择“星标”公众号第一时间获取价值内容系列目录1.向量究竟是什么https://www.bilibili.com/video/av5987...
Java 网络爬虫,就是这么的简单
这是 Java 网络爬虫系列文章的第一篇,如果你还不知道 Java 网络爬虫系列文章,请参看 学 Java 网络爬虫,需要哪些基础知识。第一篇是关于 Java 网络爬虫入门内容,在该篇中我们以采集虎扑列表新闻的新闻标题和详情页为例,需要提取的内容如下图所示: 我们需要提取图中圈出来的文字及其对应的链接,在提取的过程中,我们会使用两种方式来提取,一种是 Jsoup 的方式,另一种是 httpcli...
nginx学习,看这一篇就够了:下载、安装。使用:正向代理、反向代理、负载均衡。常用命令和配置文件
文章目录前言一、nginx简介1. 什么是 nginx 和可以做什么事情2.Nginx 作为 web 服务器3. 正向代理4. 反向代理5. 动静分离6.动静分离二、Nginx 的安装三、 Nginx 的常用命令和配置文件四、 Nginx 配置实例 1 反向代理五、 Nginx 配置实例 2 负载均衡六、 Nginx 配置实例 3 动静分离七、 Nginx 的高可用集群 前言 一、nginx简介...
Java 爬虫遇上数据异步加载,试试这两种办法!
这是 Java 爬虫系列博文的第三篇,在上一篇 Java 爬虫遇到需要登录的网站,该怎么办? 中,我们简单的讲解了爬虫时遇到登录问题的解决办法,在这篇文章中我们一起来聊一聊爬虫时遇到数据异步加载的问题,这也是爬虫中常见的问题。 现在很多都是前后端分离项目,这会使得数据异步加载问题更加突出,所以你在爬虫时遇到这类问题不必惊讶,不必慌张。对于这类问题的解决办法总体来说有以下两种: 1、内置一个浏览器内...
Angular 入门教程系列:39:使用ng-alain进行开发
在前面的文章中介绍过ng-alain,当时在使用的时候还显得不是很方便,最简单的一个demo运行的都不是非常流畅。而目前的版本已经做有较大的改进,再这个基础上进行二次开发,尤其是一些后端的平台或者监控的平台看起来都比较不错。在这篇文章中继续来确认一下使用的感受。
相关热词 c#多人合作开发项目策略 c# cad 坐标转换 c# 窗口内运行word c#线程睡眠 c# 静默打开打印机 c#获取当前路径的上一级 c# 去除线条 c# 取整倍数 c#窗体最大化控件不变 c# 程序更新程序案例