easyui datagrid combobox 动态绑定onChange 事件后,combobox 显示问题

qq_28033131 2016-06-06 10:25:31
在datagrid 新增的行里面 我需要根据combobox 选择的值是 什么数据类型,去设置 长度和精度是否可填。加载
cellftype.target.combobox({
onChange: function (n, o) {
if (n == "INT" || n == "DATE") {
var cellflength = cellEdits[5];
var cellfaccuracy = cellEdits[6];
cellflength.target.attr("disabled", true);
cellfaccuracy.target.attr("disabled", true);
}
}
}); 后 下拉菜单显示不出来了图1,需要手动调整列宽才会显示图2, 如图
图1
图2
代码如下
that.addClick = function () {
if (editRow != undefined) {
that.grid1.datagrid("endEdit", editRow);
}
if (that.grid1.datagrid('validateRow', 0)) {
that.grid1.datagrid('insertRow', {
index: 0,
row: {
fid: 'New',
tid: strcode,
fname: '',
ftext: '',
ftype: 'NVARCHAR',
flength: '',
faccuracy: '',
isnul: 'N',
defaultval: ''
}
});
}
that.grid1.datagrid("beginEdit", 0);
editRow = 0;
//选择不同字段类型有不同的值设置
var cellEdits = that.grid1.datagrid('getEditors', 0);
var cellftype = cellEdits[4];
cellftype.target.combobox({
onChange: function (n, o) {
if (n == "INT" || n == "DATE") {
var cellflength = cellEdits[5];
var cellfaccuracy = cellEdits[6];
cellflength.target.attr("disabled", true);
cellfaccuracy.target.attr("disabled", true);
}
}
});

请大神帮忙看看 ,感谢,急!
...全文
1084 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
qq_39335060 2019-07-30
  • 打赏
  • 举报
回复
我也遇到在datagrid的combobox中添加onchange事件,但是加载速度特别慢,都不知道要怎么办才好
qq_28033131 2016-06-07
  • 打赏
  • 举报
回复
是的 ,配置datagrid的列editor属性时直接加上onChange事件是可以的,谢谢啦。 已经可以了 代码如下:

 <th field="ftype" width="100" editor="{type: 'combobox', options: {onChange:function(n,o){
                  var cellEdits =$('#gridlist1').datagrid('getEditors', 0);
                    var cellftype = cellEdits[4];
                    var cellflength = cellEdits[5];
                    var cellfaccuracy = cellEdits[6];
                     if (n == 'INT' || n == 'DATE') {
                                cellflength.target.attr('disabled', true);
                                cellfaccuracy.target.attr('disabled', true);
                                cellflength.target.val('');
                                cellfaccuracy.target.val('');
                            }
                            else if (n == 'DECIMAL') {
                                cellflength.target.attr('disabled', false);
                                cellfaccuracy.target.attr('disabled', false);
                            }
                            else {
                                cellflength.target.attr('disabled', false);
                                cellfaccuracy.target.attr('disabled', true);
                                cellfaccuracy.target.val('');
                            }
                    },
                    required:true,valueField:'type',textField:'name',
                        data: [
                              {type:'NVARCHAR',name:'文本'},
                              {type:'INT',name:'整型'},
                              {type:'DATE',name:'日期'},
                              {type:'DECIMAL',name:'浮点'},
                              {type:'CHAR',name:'字节'}
                              ]}}"
                    class="easyui-validatebox">字段类型</th>
Go 旅城通票 2016-06-07
  • 打赏
  • 举报
回复
配置datagrid的列editor属性时直接加上onChange事件,不要动态配置试试
qq_28033131 2016-06-07
  • 打赏
  • 举报
回复
没有人回答么 。
qq_28033131 2016-06-06
  • 打赏
  • 举报
回复
有没有人帮忙看看 ,这个问题我研究了很久都没有办法解决
qq_28033131 2016-06-06
  • 打赏
  • 举报
回复
请大神们帮忙看看,又加了60分 ,在线等
jQuery EasyUI 1.5.5 版本更新内容 Bug(修复) tabs:修复当标题包含符合元素时,所选择的历史顺序错误的问题; combo:修复当设置了一个较大的'delay'值的时候下拉面板可能不会被隐藏的问题; layout:修复当鼠标光标快速离开的时候展开的面板不会被折叠的问题; tagbox:修复tagbox框和label标签不在一条直线上的问题。 Improvement(改进) combo:'inputEvents'属性自带'blur'事件处理器; numberbox:'cloneFrom'方法可用; slider:'step'属性可以设置为浮点数; menu:'findItem'方法允许用户通过任意参数查找菜单项; menubutton:添加'showEvent'和'hideEvent'属性。 New Plugin(新组件) maskedbox:'maskedbox'组件将会强制用户输入的内容。 jQuery EasyUI 1.5.4 版本更新内容 Bug(修复) combotreegrid:修复在输入框中输入值时不会触发'onChange'事件问题combobox:修复在Windows10的IE11下点击下拉面板会自动跳转到底部的问题; datebox:修复点击'Today'按钮时不会触发onSelect事件问题; propertygrid:修复在仅编辑了一行数据的时候调用'getChanges'方法无法获取正确结果的问题。 Improvement(改进) combo:添加'panelEvents'属性; combo:为组件增加默认的'mousedown'事件处理程序; combobox:可调用'setValues'方法来初始化默认显示文本的内容; combotreegrid:按回车键可选择高亮的行; panel:优化调整尺寸时的组件重绘的性能问题; filebox:'files'方法允许用户获取选择的文件列表; searchbox:优化'selectName'方法。 jQuery EasyUI 1.5.3 版本更新内容 Bug(修复) combobox:修复在标签中初始化组件时无法正确解析'iconCls'属性的问题combobox:修复在IE中点击滚动条将会使下拉面板隐藏的问题; pagination:修复在'displayMsg'属性设置为false的时候会缩小分页组件高度的问题; tabs:修复tab组件面板对象的'onLoad'事件中传递了错误的'data'参数的问题。 Improvement(改进) draggable:添加'onEndDrag'事件; resizable:纠正不同边缘多余一个调整方向不正确的问题datagrid:添加'resizeEdge'属性; datagrid:优化组件,避免出现内存泄漏的问题; combo:修复在多选模式下'originalValue'属性值的问题; form:将'tagbox'组件添加到表单字段当中; tagbox:添加'reset'方法; progress:增加打开和关闭进度条消息窗体的响应时间。

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧