EasyUI中,DataGrid中的combobox显示异常问题
2017-06-02 11:29
991 查看
上周在项目中,用到了easyUI下DataGrid的Editor属性,是为了创建下拉菜单
{
field: 'Violation',
title: '实例1',
width: 150,
sortable: true,
formatter: function (value, row) {
return row.ViolationDesc;
},
editor: {
type: 'combobox',
options: {
data: pipingLevel,
valueField: "Violation",
textField: "ViolationDesc",
editable: false
}
}
}
但是当切换下拉框选项以后,下拉框中怎么都没有内容显示,即使把官方的例子照搬过来也没有用,后来整整研究了一天也没找到解决方案。
最后求助了组里的大牛帮忙找到了问题。
原因: easyui和bootrap的样式冲突,所导致的问题。只需要在页面中加上这段样式即可。
<style>
button, input, optgroup, select, textarea {
color: black;
font: inherit;
margin: 0;
}
</style>
最后感谢东哥帮我解决了这个难题!
{
field: 'Violation',
title: '实例1',
width: 150,
sortable: true,
formatter: function (value, row) {
return row.ViolationDesc;
},
editor: {
type: 'combobox',
options: {
data: pipingLevel,
valueField: "Violation",
textField: "ViolationDesc",
editable: false
}
}
}
但是当切换下拉框选项以后,下拉框中怎么都没有内容显示,即使把官方的例子照搬过来也没有用,后来整整研究了一天也没找到解决方案。
最后求助了组里的大牛帮忙找到了问题。
原因: easyui和bootrap的样式冲突,所导致的问题。只需要在页面中加上这段样式即可。
<style>
button, input, optgroup, select, textarea {
color: black;
font: inherit;
margin: 0;
}
</style>
最后感谢东哥帮我解决了这个难题!
相关文章推荐
- EasyUI中datagrid显示异常问题——行宽不起作用
- 解决:easyui中的datagrid详情展开,combobox的级联操作,以及修复combobox总是显示value值的问题
- easyui datagrid combobox 选择后显示valueField 而不是 textValue解决方法
- 【解决方法】EasyUI DataGrid无数据时不显示滚动条问题
- 【解决方法】EasyUI DataGrid不显示滚动条时,没有数据的问题
- 关于easyui的表格datagrid一开始隐藏,当要显示出来的时候,表格会变成一条线的问题
- Easyui Datagrid的Rownumber行号显示问题
- easyui datagrid 诡异的无法显示问题
- Easyui Datagrid的Rownumber行号显示问题
- jquery easyui window中的datagrid,只能显示一次问题
- Easyui datagrid 编辑结束时combobox显示value而不显示text
- easyui datagrid中datetime字段的显示和增删改查问题
- jquery easyui window中的datagrid,只能显示一次问题
- EasyUI组件datagrid不显示json数据问题
- 关于EASYUI使用dataGrid加载本地JSON文件浏览器不显示问题
- 解决在EasyUI中使用百度地图出现不居中和坐标图标显示异常的问题(红色代码部分)
- 页面加载完成后通过查询条件给easyui datagrid赋值,请求两次,并且值不显示问题
- easyui 的Datagrid 表头显示不全问题解决
- easyui datagrid种编辑器combobox选择的值不显示解决方案
- EasyUI中tree,Datagrid,pagenation的使用EasyUI中Datagrid和pagenation进行关联时,再次点击pagenation时让表格数据显示的问题