求助:easyUI-dataGrid在标签页中显示不全

直接用浏览器打开/TollStation/Index,页面中的表格显示正常图片说明
但是在/Home/Index的标签页中引用该页面表格就不能显示完全
表格的width设为auto显示的页面是图片说明
width设置为1000px时显示的页面是图片说明
搞了好长时间都没找到问题出在哪,希望有人给个解答

4个回答

在data-options中设置fit为true

设置fit为true自适应

data-options中设置fit为true这样就可以了, 这种一般都是默认的,不需要设置的

之前设置的iframe标签里边未设置宽度,结果默认比较小,无法全部显示出来

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

EasyUI的linkbutton无法显示

贴出代码: ``` <td class="td30"> <div id="preview1"> <img id="img_mt1" width=160 height=220 border=0 src='/images/default.jpg'> </div> <input type="file" onchange="previewImage(this,'preview1','img_mt1')" size="12"/> <input type="text" name="pho_d1" id="pho_d1" class="easyui-validatebox e-edit"> <div> <a href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true"style="background-color:#5abce1;color:#FFFFFF; font-weight:bolder;font-family: 微软雅黑;" onclick="onClickUpload(this)">上传</a></div> </td> ``` 显示效果:“上传”文字链接按钮显示不出,是不是被覆盖了。本人初学页面 ![图片说明](https://img-ask.csdn.net/upload/201607/20/1469001277_448392.png)

easyUI的datagrid在display:none下的影响问题

页面有三个选项卡,datagrid在第三个选项卡中,初始化时第三个选项卡display:none datagrid数据不显示,如果初始化时,第三个选项卡不设置隐藏,则datagrid数据正常 显示,什么原因?

easyui datagrid加载数据时,如果数据里某个字段中存在制表符(tab),会导致页面加载不出来,怎么解决

![图片说明](https://img-ask.csdn.net/upload/202001/10/1578639536_154107.png) 比如以上图,假如文件标题里存在制表符,整个列表就不显示了

datagrid在tabs中无法显示

本来datagrid显示是一点问题都没有的, 页面部分: ``` <div data-options="region:'center',border:true"> <table id="dgBlackBoard"></table> </div> ``` JS部分: ``` dgBlackBoard = $("#dgBlackBoard").datagrid({ iconCls: 'icon-save', fit: true, fitColumns: true, rownumbers: true, nowrap: true, animate: false, border: false, singleSelect: true, toolbar:'#tb', idField: 'CarNo', url: SG.newUrl('/SG.OA/Blackboard/GetBlackboardViewModelList'), columns: [ [中间代码太多,就不贴出来了] ] ``` 页面效果: ![图片说明](https://img-ask.csdn.net/upload/201608/15/1471230178_138487.jpg) 但是我把div放倒了tab中,其他还能显示,但是datagrid部分就显示不出来了, 页面代码: ``` <div class="easyui-tabs" data-options="fit:true" id="tabs"> <div title="实时看板" style="height: 100%;width: 100%;"> <div data-options="region:'center',border:true"> <table id="dgBlackBoard"></table> </div> </div> <div title="日历看板" style="height: 100%;width: 100%;"> </div> </div> ``` 在网上查了一下,只有一些类似的方法,但都不能解决我的问题,求教这是什么原因导致的?该如何解决?

easyui datagrid中combobox使用url传值时只能显示value

$('#tt').datagrid({ title : 'Editable DataGrid', iconCls : 'icon-edit', width : 660, height : 250, singleSelect : true, idField : 'firstname', url : '../easyuitest/testjson/datagridtest.json', columns : [ [ { field : 'firstname', title : 'First Name', width : 60 }, { field : 'age', title : 'Age', width : 60 }, { field : 'mytest', title : 'My Test', width : 100, formatter : function(value, row, index) { //return row['text']; if (value == 0) { return ""; } for (var i = 0; i < jsondata.length; i++) { if (jsondata[i].id == value) { return jsondata[i].text; } } return value; }, editor : { type : 'combobox', options : { valueField : 'id', textField : 'text', //url : '../easyuitest/testjson/comboboxtest1.json',使用url取数据只会显示value值,无法显示text值。而直接使用json则可以 data : jsondata, required : true, } } }]] ``` ```

使用js加载easyui里面的datagrid界面显示不出来。

![图片说明](https://img-ask.csdn.net/upload/201608/15/1471232237_322572.png) 下面那种内嵌的能显示,上面用JS的加载不出来。 ![图片说明](https://img-ask.csdn.net/upload/201608/15/1471232346_529520.png) 运行结果只有一个表。

easyui datagrid中combobox的问题

如下图: ![图片说明](https://img-ask.csdn.net/upload/201506/27/1435398138_950017.png) 这是后台编辑页面,作用为新闻的管理(新闻实体的字段“是否在前台显示”的值只有“是”和“否”)。 我想让“是否在首页显示”这一列下面都有一个combobox,默认值为数据库中真实的值。如果某条新闻的这个字段值为“是”,则对应的combobox还有一个值为“否”的option,反之对应的combobox还有一个值为“是”的option。 从网上找了一段代码实现不了,请问该如何改呢?求大神帮忙! //实现新闻DataGird控件的绑定操作 function initTable(queryData) { $('#test').datagrid({ //定位到Table标签,Table标签的ID是test fitColumns: true, url: '/News/QueryAllNews', //指向后台的Action来获取当前用户的信息的Json格式的数据 title: '新闻公告', //标识 iconCls: 'icon-save', height: 368, nowrap: true, autoRowHeight: false, striped: true, collapsible: true, pagination: true, rownumbers: true, //sortName: 'ID', //根据某个字段给easyUI排序 sortOrder: 'asc', remoteSort: false, idField: 'NewsID', queryParams: queryData, //异步查询的参数 columns: [[ { field: 'ck', checkbox: true }, { title: '主键', field: 'NewsID', sortable: true, hidden: true, }, { title: '内容标题', field: 'NewsTitle', width: 50, sortable: true }, { title: '具体内容', field: 'NewsContent', sortable: true, hidden: true, }, { title: '创建时间', field: 'TimeStamp', sortable: true, }, { title: '所属类别', field: 'CategoryName', sortable: true, }, { title: '创建人', field: 'UserName', sortable: true }, { title: '是否在首页显示', field: 'IsEnable', align: 'center', editor: { type: 'combobox', options: { data: [{ value: '是', text: '是', 'selected': 'true' }, { value: '否', text: '否' }], panelHeight: 'auto' } }, sortable: true } ]], toolbar: [{ id: 'btnadd', text: '添加', iconCls: 'icon-add', handler: function () { //实现弹出注册信息的页面 AddNews(); } }, '-', { id: 'btncut', text: '修改', iconCls: 'icon-cut', handler: function () { //实现修改的方法 UpdateLzjs(); } }, '-', { id: 'btnCancle', text: '删除', iconCls: 'icon-remove', handler: function () { //实现直接删除所有数据的方法 DeleteLzjs(); } }] }); }

easyui如何获得checkbox下选中的项

``` <div id="top_country" > <div id="selected_country" style="border: 1px solid #E2F0F9;width:100%;height:200px;"> <table id="dg" class="easyui-datagrid" style="font-size:10px;height: 200px;" url="<%=basePath%>region/queryallCountry" rownumbers="true" fitColumns="true"> <thead> <tr> <th hidden="true" field="uuid" width="100px">uuid</th> <th field="ck" checkbox=true></th> <th field="countryname" width="100px" halign="center">国家列表</th> </tr> </thead> <tbody> </tbody> </table> </div> </div>![图片说明](https://img-ask.csdn.net/upload/201801/18/1516242896_612248.jpg) 想把选中的项append到右边 ```

请教关于 easyui 的跨域问题

在一个php页面系统中嵌入一个easyui页面,在显示datagrid时,只出现表头,不能出现其内容,目前在火狐29.0以前的版本都不能读出数据,包括主流的ie,谷歌等都不能读取数据,最后查询到是这2个系统不是同一个网域造成浏览器的限制请求,网上有说用jsonp可以处理,但是它怎样与easyui的datagrid整合,而且请求一改,我整个系统都要随之更改,有没有好的解决方法??

easyui panel上添加图标

<div id="p" class="easyui-panel" style="width:1000px;height:500px;padding:10px;" title="员工添加" iconCls="icon-add" collapsible="true" > 知道tools属性是在panel上加图标,试了很多方法,还是加不上。 望指教。

使用jquery easyui动态加载一个html片段到一个div标签中,详细见正文

使用jquery easyui动态加载一个html片段到一个div标签中,html片段中有js代码,为什么加载过来后js代码无效了? 代码如下: 这个是html片段: ``` <div id="remoteUploadTable" style="padding: 10px 0 10px 5px;display: none"> <table id="remoteUploadDatagrid" class="easyui-datagrid" style="width:450px;height:100px" data-options=" striped:true, rownumbers:true, singleSelect:true, pagination:true, pageSize:10, pageList: [5,10]"> <thead> <tr> <th field="no" width="100" align="center">序号</th> <th field="pro_id" width="100" align="center">项目ID</th> <th field="filetype" width="100" align="center">文件类型</th> <th field="filename" width="100" align="center">文件名称</th> </tr> </thead> </table> </div> <script type="text/javascript"> // 期望调用该方法显示table function search(){ $("#remoteUploadTable").show(); } </script> 下面是加载数据代码: $.get(basePath + 'uploadBundleIndex',function(data){ $("#etabs").tabs('getSelected').html(data); $.parser.parse('#localupload'); } 将数据加载到下面的 本地上传 的div中 <div id="etabs" class="easyui-tabs" data-options="fit:true"> <div id="localupload" title="本地上传" style="padding:10px"></div> <div id="remoteupload" title="远程加载" style="padding:10px"></div> </div> 现象就是:加载过来后,调用search()方法时表格不显示! 请问是怎么回事?求解答。感谢!!! ```

js在动态生成的页面上动态添加easyUI的tab

``` ``` 代码如下: var tab = $("<div id='tab_row_" + r + "_column_" + c + "' class='easyui-tabs' style='width:500px;height:250px;'>"); var content = "<table id='table_datagrid_'" + view.id +"></table>"; tab.tabs('add', { title: view.title, content : content, closable: true }); 执行到add的时候,就报出了如下错误: jquery.easyui.js:5210 Uncaught TypeError: Cannot read property 'options' of undefined at _34c (jquery.easyui.js:5210) at HTMLDivElement.<anonymous> (jquery.easyui.js:5469) at Function.each (jquery-1.9.1.min.js:132) at init.each (jquery-1.9.1.min.js:41) at Object.add (jquery.easyui.js:5468) at init.$.fn.tabs (jquery.easyui.js:5431) at DataBrowser.showReport (db.databrowser.js:180) at Object.$.parser.onComplete (db.databrowser.js:91) at Object.parse (jquery.easyui.js:46) at jquery.easyui.js:3276 是不是add方法只能用于给静态div添加tab呢?

EasyUI的linkbutton Text值改变问题

使用js新建了一个dialog窗口,href引用一个页面 ``` $('#dd').dialog({ title: 'My Dialog', width: 400, height: 200, closed: false, cache: false, href: 'test.html', modal: true, buttons : [ { text : 'close', id :'expandCollapse' } ] }); $('#dd').dialog(); ``` ![效果如下](https://img-ask.csdn.net/upload/201608/20/1471668865_688043.png) dialog页面中调用js修改linkbutton按钮text值的时候,按钮的大小为什么会发生变化??? ![点击之后](https://img-ask.csdn.net/upload/201608/20/1471669031_769774.png) ``` function expandCollapseAll(){ var type = $('#expandCollapseAll')[0].value; if (type == 1){ $('#resourceTree').tree('expandAll');//展开所有 $('#expandCollapseAll')[0].value = 0; $('#expandCollapse')[0].text = 'close'; }else if (type == 0){ $('#resourceTree').tree('collapseAll');//折叠所有 $('#expandCollapseAll')[0].value = 1; $('#expandCollapse')[0].text = 'open'; } } ```

easyui的datagrid的右键menu问题

页面是动态生成的,只能通过js去修改。现在我js动态加了一个menu标签。无法使用. 求大神帮忙解决![图片说明](https://img-ask.csdn.net/upload/201708/29/1504001415_620108.png) ![图片说明](https://img-ask.csdn.net/upload/201708/29/1504001475_999323.png)

关于easyui 动态渲染的问题

我有一个需求就是页面要在加载完成后,js里循环插入很多明细行,每行都有三个日期框输入日期,用的是easyui的datebox组件,但是需要动态渲染才能显示出datebox的日期组件,$.parser.parse($("#tr"+index).parent()); 但是实在是太慢了,我这已经是局部渲染了,20行的数据就要10几秒才能显示出来,这也太慢了,一直没有找到好办法,上网查就是说局部渲染,我这已经是局部渲染了。

easyUI如何修改日期格式

如何把页面中的![图片说明](https://img-ask.csdn.net/upload/201609/01/1472699979_186662.png)这个日期格式改成yyyy-m-dd啊,求~

easyui 列表竖向展示怎么实现呢?

![图片说明](https://img-ask.csdn.net/upload/201706/29/1498730551_169724.png)

easyui 循环添加tabs时,选项卡的内容加载不出来

for(var i = 0;i<=obj.length;i++){ $("#tt").tabs('add',{ title:obj[i].name, //content:'<iframe frameborder=0 style=width:100%;height:100% src='+ obj[i].href +' ></iframe>', closable:true, href:obj[i].href }); $("#tt").tabs('select',0) }

easyUI中怎样实现将一个页面的div中的元素内容读取到另一个jsp页面的表单中?

实现将一个页面的弹出框中的div里面的元素内容读取到另一个jsp页面的表单中?

2019 Python开发者日-培训

2019 Python开发者日-培训

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

设计模式(JAVA语言实现)--20种设计模式附带源码

设计模式(JAVA语言实现)--20种设计模式附带源码

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

java后台+微信小程序 实现完整的点餐系统

java后台+微信小程序 实现完整的点餐系统

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

2019 AI开发者大会

2019 AI开发者大会

玩转Linux:常用命令实例指南

玩转Linux:常用命令实例指南

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

4小时玩转微信小程序——基础入门与微信支付实战

4小时玩转微信小程序——基础入门与微信支付实战

Git 实用技巧

Git 实用技巧

Python数据清洗实战入门

Python数据清洗实战入门

使用TensorFlow+keras快速构建图像分类模型

使用TensorFlow+keras快速构建图像分类模型

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

程序员的算法通关课:知己知彼(第一季)

程序员的算法通关课:知己知彼(第一季)

MySQL数据库从入门到实战应用

MySQL数据库从入门到实战应用

机器学习初学者必会的案例精讲

机器学习初学者必会的案例精讲

手把手实现Java图书管理系统(附源码)

手把手实现Java图书管理系统(附源码)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

.net core快速开发框架

.net core快速开发框架

玩转Python-Python3基础入门

玩转Python-Python3基础入门

Python数据挖掘简易入门

Python数据挖掘简易入门

微信公众平台开发入门

微信公众平台开发入门

程序员的兼职技能课

程序员的兼职技能课

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

HoloLens2开发入门教程

HoloLens2开发入门教程

微信小程序开发实战

微信小程序开发实战

Java8零基础入门视频教程

Java8零基础入门视频教程

相关热词 c# 按行txt c#怎么扫条形码 c#打包html c# 实现刷新数据 c# 两个自定义控件重叠 c#浮点类型计算 c#.net 中文乱码 c# 时间排序 c# 必备书籍 c#异步网络通信
立即提问