easyUI关于datagrid横向滚动条的实现

如何取消datagrid的纵向滚动条,我做了分页,高度也固定了,还是有纵向滚动条

0

1个回答

配置fit:true

还不行用css控制,增加overflow:hidden


    <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
<style>.datagrid-body{overflow:hidden}</style>
1
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
easyui Datagrid刷新以及横向滚动条的问题。
asp.net的项目,使用了easyui的DataGrid。rn画面初始化的时候,该DataGrid不显示数据,但是因为项目比较多,所以添加代码增加了横向滚动条。rn代码如下:rn[code=javascript]rn $(function () rn var qParams = mode: 'Qry' ;rn var oldRowIndex;rn var opt = $('#dgMZ4420');rn opt.datagrid(rn height: 680,rn nowrap: false,rn striped: true,rn singleSelect: true,rn remoteSort: true,rn fitColumns: false,rn queryParams: qParams,rn pagination: false,rn url: 'MZ4420_Handler.ashx',rn idField: 'CITY_CODE',rn rownumbers: false,rn onLoadSuccess: function () rn var dv2 = $(".datagrid-view2");rn dv2.children(".datagrid-body").html(" ");rn return true;rn ,rn onClickRow: function (rowIndex) rn if (oldRowIndex == rowIndex) rn opt.datagrid('clearSelections', oldRowIndex);rn rn var selectRow = opt.datagrid('getSelected');rn oldRowIndex = opt.datagrid('getRowIndex', selectRow);rn if (selectRow != null) rnrn rn rn ).datagrid("getPager").pagination(rn onBeforeRefresh: function () rn return false;rn rn );rnrn );rn[/code]rn检索按钮:rn[code=javascript]rn function Query() rn var qsyubetsu, qstatus, qSysAgency, qAddress;rn ....省略若干代码....rn qParams = mode: 'Qry', syubetsu: qsyubetsu, status: qstatus, SysAgency: qSysAgency, Address: qAddress ;rn $('#dgMZ4420').datagrid('options').queryParams = qParams;rn $('#dgMZ4420').datagrid('options').pageNumber = 1;rn var p = $('#dgMZ4420').datagrid('getPager');rn if (p) rn $(p).pagination( pageNumber: 1 );rn rn $("#dgMZ4420").datagrid('reload');rn return false;rn rn[/code]rn但是现在页面每次提交之后,都会刷新该DataGrid,我只想让他在点击检索时再查询数据。rn将第一段Script改为在服务器端在(!ispostback)时才使用ClientScript.RegisterStartupScript来调用之后,却变成了,每次页面刷新,DataGrid还是会刷新,并且第一次画面表示时会有横向滚动条,之后再显示却没有横向滚动条了。rnrn我想达到两个要求,1:横向滚动条一直表示;2:只有在点击表示按钮的时候才刷新DataGrid。请问哪些地方要改动?大概方案是什么?[img=https://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/003/onion/3.gif][/img]
【easyui】datagrid横向滚动条自动滚动功能
在datagrid的onLoadSuccess函数中,做如下处理//根据当前时刻,判断滚动条滑动的位置 var myDate = new Date(); var hour = myDate.getHours(); //获取当前小时数(0-23) if(hour > 7) {//1-8点无需滑动
关于easyui datagrid 滚动条的问题
最近测试给了一个bug,当一个datagrid出现很多列时,在页面没法完全显示,右边的数据会遮挡!rn如果这个datagrid有数据时会出现滚动条,没有数据就无法显示滚动条,也不能查看右边未显示的列信息;rn网上查看了方法是在datagrid加载成功后添加一个空行,并将空行隐藏,但是页面还是会出现一个空白行rn现在不知道怎么消除这个空白行rnrn添加空白行代码:rnonLoadSuccess: function(data)rn if(data.total==0)rn $('#bizProjectLeisureQuery_list_grid').datagrid('insertRow',rn row: rn rn );rn $("tr[datagrid-row-index='0']").css("visibility":"hidden");rn //$("tr[datagrid-row-index='0']").css("display":"none");rn rn rn不知道有没有高人解决这个问题啊rn[img=https://img-bbs.csdn.net/upload/201503/27/1427421942_46797.png][/img]
dataGrid横向滚动条的问题
最近发现一个特别奇怪的现象,就是flex的dataGrid的横向滚动条向右滚动的时候,有的时候那个滚动条的长度会越变越小。。。再往左拉的时候,又会越变越大。。表示非常不理解,下面是个例子rn[code=Java]rnrn rn rn rn rn import mx.collections.ArrayCollection;rn [Bindable]rn //定义一个源数组rn private var dpFlat:ArrayCollection = new ArrayCollection(rn [name:"apple",count:"100",sprice:10,yprice:8,rn name:"orange",count:"200",sprice:11,yprice:10,rn name:"pear",count:"300",sprice:6,yprice:4,rn name:"banan",count:"400",sprice:9,yprice:8,rn name:"watermalon",count:"500",sprice:5,yprice:3,rn name:"tomato",count:"600",sprice:8,yprice:6rn ]rn );rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rnrnrn[/code]rn上网查了一下,发现有一部分人说,好像是因为这个滚动条在出发滚动事件的时候,并不是真的向右滚动,而已从新刷新grid,造成,向右滚动的假象。。。但是没有找到官方的资料,有哪位兄弟知道哪里有这方面的资料的地方么?rn或者,想解决这种问题有什么好的方法么?
easyui去掉datagrid的滚动条
工作过程中需要去掉滚动条这个功能,由于是特别小的知识点,所以在此记录,以防忘记。 带滚动条时,如果数据超过规定大小则出现滚动条,否则不出现 但滚动条所占的宽度依然存在,两种状态截图如下: 去掉滚动条的方法:打开jquery.easyui.min.js文件,找到wrap.width();所在位置,改为wrap.width()+20;即可。修改后截图:
在easyui中实现datagrid滚动条联动
//竖向滚动条联动 var contents = $('#importform div.datagrid-body'); contents.scroll(function () { contents.not(this).prop({ scrollLeft: this.scrollLeft, scrollTop: this.scrollTop }); });
easyui datagrid 如何实现滚动条联动
有两个easyui datagrid, A表和B表,想实现拖动B表的横向滚动条,A表的滚动条也同步滚动。rn哪们高人做过类似,麻烦给点思路,有代码当代最好。[img=https://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/001/face/2.gif][/img][img=https://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/001/face/2.gif][/img]rn多谢了!
Flex DataGrid优化横向滚动条
DataGrid如果列太多,那么横向拉动很卡,优化如下: [url]http://blogs.adobe.com/aharui/2008/11/faster_datagrid_horizontal_scr.html[/url]
DataGrid 如何横向显示滚动条
小弟新手,请各位大侠指点
DataGrid的横向滚动条被挡住
我在窗体上放置了DataGrid和一个StausBar。并且设置了DataGrid的Dock属性为Fill rn StatusBar在窗体的最下方,所以DataGrid的横向滚动条被挡住看不出来。怎么解决啊?
WPF DataGrid 横向滚动条问题
横向滚动条怎么调整? 现在出来的横向滚动条里面的Thumb宽度跟整个页面一样宽 而且是上下拖动 往下拖动时显示右边的内容。。。。 不知道怎么上图 遇到这个问题的人应该清楚吧 求解答 谢谢
第三方框架实现横向滚动条
TabPageIndicator自定义控件 引入第三方依赖库library 在布局中要引用自定义控件的全路径<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_widt
怎样实现横向滚动条?
怎样用jsp实现横向滚动条?比如rnrn rn rn我要把http://www.csdn.net/include/marquee.asp替换成jsp的,应该如何做啊?rn还有,替换的jsp要如何去写?谢谢
easyui datagrid 显示横行滚动条
var datagrid = $('#datagridw').datagrid({ pageSize : 15, pageNumber : 1, fit:true, pagination : true, singleSelect:true, collapsible: true, rownumbers : true, loadMsg : '正在加载...', url : '....
关于横向滚动条的疑问
大家好,我在网上面找了一个横向滚动条的代码,本来好象是显示6个图的,但我改成一条显示8个图和修改一些位移参数后不能自动循环.就是每到图的尽头后面是背景色,直到整条都是背景色才会重新跳回第1个图片.rn求指教如何重新设置循环并列出修改方法。rn代码如下.rn rnrnrnrnrn谢谢
横向滚动条
横向滚动条,内容很多的时候拖动滚动条,显示被挡住的内容
难题:div的横向滚动条的实现
请看现面两个简单的小页面,为什么第一个可以实现横向滚动条,而第二个就不能呢?rnrn页面1----------------------------rn rn rn rn rn12222222222222222223333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333332444444444444444444444444444444444rnrnrnrnrn页面2-----------------------------rn rn rn rn rn rn rn rn12222222222222222223333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333332444444444444444444444444444444444rnrnrnrnrnrnrn
如何实现JComboBox的横向滚动条
如何实现JComboBox的横向滚动条啊,就是当数据超长时,自动出现横向滚动条.谢谢!
Easyui DataGrid增删改查实现
Java使用Spring MVC以及Mybatis实现 DataGrid的增删改查/分页,以Mysql数据库为例,效果: 具体代码如下: 0、数据库脚本: CREATE TABLE `compy` ( `id` bigint(11) NOT NULL AUTO_INCREMENT COMMENT '主键ID', `compy_id` varchar(64) NOT NULL C...
easyUI的datagrid实现分页
防止自己以后忘记,在这里把代码贴出来,前台用的easyUI,后台用的ssh,希望可以和大家一起学习进步 首先前台代码 $("#lsdata1").datagrid( { url : "jylsJk",//加载的URL pagination : true, pageSize:10, rownumbers:true, pageList:[10,20,30], dataty
easyui的datagrid实现批量删除
实现datagrid的批量删除事件,首先要给其添加一个CheckBox,实现jsp页面的设计 &amp;lt;th data-options=&quot;field:'ck',checkbox:true&quot;&amp;gt;&amp;lt;/th&amp;gt; //这里写了个单元格formatter(格式化器)函数去获得当前选中行的所有信息; &amp;lt;th dataoptions=&quot;field:'operation',width:...
如何去除datagrid的横向滚动条 求指导
[code=csharp]rnfunction gridList() rn var $gridList = $("#gridList");rn $gridList.dataGrid(rn mtype: 'Post',rn url: getTestPaperListGridJsonUrl,rn height: $(window).height() - 128,rn colModel: [rn rn label: "主键", name: "Id", hidden: true, key: truern ,rn rn label: '', name: 'Flag', hidden: true, align: 'center'rn ,rn label: '试卷名称', name: 'Name', width: 200, align: 'center' ,rn label: '试卷年份', name: 'Year', width: 100, align: 'center' ,rn label: '试卷类型', name: 'TypeName', width: 100, align: 'center' ,rn label: '所属分类', name: 'CategoryName', width: 150, align: 'center' ,rn label: '所属科目', name: 'CourseSubjectName', width: 150, align: 'center' ,rn label: '试卷总分', name: 'TotalScore', width: 80, align: 'center' ,rn label: '题目总数', name: 'TotalCount', width: 80, align: 'center' ,rn rn label: "状态", name: "IsUsed", width: 60, align: "center",rn formatter: function (cellvalue, options, rowObject) rnrn if (cellvalue == true) rn return '';rn else rn return '';rn rn rn rn ],rn pager: '#gridPager',rn viewrecords: true,rn multiselect: true,rn );rnrn[/code]rn
如何让DataGrid的横向滚动条显示出来
我的DataGrid中的数据超过了横向可以显示的宽度后,横向滚动条为什么不能出来?
2010.09.27———关于select的横向滚动条
2010.09.27———关于select的横向滚动条 写了一个弹出框 是一个table 只有一tr 第一个td是填选择条件 然后在第二个td里面展示 第二个td里面是一select 是一个设置了size的下拉框,也就是说选项是显示出来的 不用下拉 [code=&quot;java&quot;] ..... [/code] 但是 有一个问题 就是 option选项可能会有几...
关于Extjs GridPanel的横向滚动条
我在FormPanel中添加了一个GridPanel,由于gridPanel的列数太多,显得很拥挤,而且宽度有限,于是,我想在这个Gridpanel中添加一个横向滚动条,我在网上也查过一些资料,但是都没有能够实现,请大家帮帮忙,小弟在这里谢谢了!
关于层的横向滚动条的问题
我在层中加入一个表格,在层中有横向滚动条,但是不显示,而且滚动条的位置保留,rn也就是表格的下方是隐藏的滚动条
关于EasyUI Datagrid 的问题,
各位大大:我现在有个很疑问的问题,我写了2个页面的JS文件,我的这个Datagrid.js里面的代码最先写的没有问题,[img=https://img-bbs.csdn.net/upload/201410/22/1413934073_165040.png][/img]rn而后写的supplier.js的代码,只要涉及formatter的onclick事件就会报单击事件未定义,页面的布局都是一样的,这是什么原因??求大大帮忙解决!!!rn[img=https://img-bbs.csdn.net/upload/201410/22/1413934092_51219.png][/img]rn[img=https://img-bbs.csdn.net/upload/201410/22/1413934102_253274.png][/img]
关于easyui datagrid的问题
var grid = $('#goods-table').datagrid(rn title:'商品列表',rn iconCls:'icon-save',rn width:600,rn height:350,rn nowrap: false,rn striped: true,rn fit:true,rn url:'../server/goodshandler.ashx?command=loadgoodslist',rn sortName: 'code',rn sortOrder: 'desc',rn idField:'id',rn frozenColumns:[[rn field:'ck',checkbox:true,rn field:'opt',title:'操作',width:30,align:'center',rn formatter:function(value,rec)rn return "操作";rn rn ,rn field:'code',title:'编号',width:120,sortable:true,sorter:function(a,b)return (a>b?1:-1);rn ]],rn columns:[[rn title:'基本信息',colspan:3,rn title:'当前库存',colspan:2rn ],[rn field:'name',title:'名称',width:120,sortable:true,sorter:function(a,b)return (a>b?1:-1);,rn field:'catalog',title:'系列',width:50,sortable:true,sorter:function(a,b)return (a>b?1:-1);,rn field:'desc',title:'描述',width:120,sortable:true,sorter:function(a,b)return (a>b?1:-1);,rn field:'amount1',title:'库存量',width:130,rn field:'amount2',title:'订货量',width:130rnrn ]],rn pagination:true,rn rownumbers:true,rn rowStyler:function(index,row,css)rn if (row.amount1>80)rn return 'background-color:#62FFBB;color:#fff;font-size:26px;';rn rn rn);rnrn1:如何设置表格的字体?默认的字体太小了,想整体改大字体,每列都可以设置格式formatter:function(value,rec),但表格二十几列,不想每列都这么写。rowStyler方法能改变整行的样式,但是很奇怪,font-size:26px;没反应,字体还是那么大小,设置粗体就可以。rnrn2:hideColumn方法能隐藏某列,$('#goods-table').datagrid('hideColumn', "desc");但是隐藏后表格就变样了,因为title:'基本信息',colspan:3基本信息占3列,去掉desc列后“库存量”列被纳入“基本信息”了。能动态改变“colspan:3”为“colspan:2”吗?怎样能改变列的title和表格的title?rnrn3:用鼠标点击表格的行的任何位置,field:'ck',checkbox:true就会被选上,能不能改成“点击checkbox才会被选择上”?
关于easyui的datagrid的问题
使用edatagrid或者datagrid本身 都有行内添加或修改删除记录的功能rn现在遇到这样一个问题:记录保存时除了datagrid行内字段外还有一个关联id才能完成保存 而这个id不要求下拉选择 这个页面的列表添加的记录固定的关联id固定是它rn如何在datagrid行内添加新记录保存前时手动加入自定义的字段??rn我看edatagrid有onSave onBeforeSave onAdd等事件 datagrid本身也有相关事件 事件处理函数可以传入index和row 我想得到那个json对象,添加进新元素 rn但是现在情况是 edatagrid的事件中row参数或者通过var row = $(this).datagrid('selectRow', index)得到的row不是一个json对象 我没法添加元素 我不知道怎么添加这个元素
EasyUI 关于datagrid 数据加载
 function show(ID) {            TypeID = ID;            var columns = [[//列表中展示的列                      {field: 'RptID', title: &quot;报表ID&quot;, width: 220, sortable: true, fitColumns: true },                  ...
easyui 滚动条
$.messager.progress({              title:'提示消息',              msg:'数据提交中...'             }); $.messager.progress('close');
datagrid能否分屏显示或者加横向滚动条,怎样实现?
我的datagrid中的列比较多,而且需要都显示出来,能不能让datagrid分屏现实或者加横向滚动条,怎样实现?多谢!
EasyUI datagrid滚动条显示问题,急~
datagird显示不出来水平和垂直的滚动条,之前百度了一些解决方法也试着去改了一下,然而没什么用,就把代码还原了。rn代码如下rngrid = $("#grid").datagrid(rn title : '',rn url : '<%=contextPath%>/roleDefine!getRoleInfoAll.action',rn queryParams : rn "queryRoleInfoCondition.rolecode" : "",rn "queryRoleInfoCondition.rolename" : "",rn "queryRoleInfoCondition.status" : ""rn ,rn striped : true,rn rownumbers : true,rn pagination : true,rn singleSelect : false,rn checkOnSelect : true,rn selectOnCheck : true,rn idField : 'id',rn sortName : 'id',rn sortOrder : 'desc',rn pageSize : 50,rn fit:true,rn pageList : [ 10, 20, 30, 40, 50, 100, 200, 300, 400, 500 ],rn frozenColumns : [rn [ rn rn width : '50',rn field : 'ck',rn checkbox : truern ,(后面几个列就不一一列出来了)rn下面是body页面中table部分rn rn rn rnchrome显示如下图,横向本来是10列数据,只显示了8列,一页20条数据的时候第20条不知道哪去了,下一个页直接就21开始了rn[img=https://img-bbs.csdn.net/upload/201710/16/1508133980_312763.png][/img]rnIE显示如下图,IE第一页只显示到17第二页正常rn[img=https://img-bbs.csdn.net/upload/201710/16/1508134534_241052.png][/img]rn小弟新手一枚,还望诸位大神指点迷津,感激不尽[img=https://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/003/monkey/21.gif][/img]
如何取消datagrid的横向滚动条,添加纵向滚动条?谢谢
谢谢x
[EasyUI系列]EasyUI datagrid多条件查询实现
1. URL:构造查询参数 代码示例:url:search.action?id=1&name=…… 2. 使用queryParams在请求远程数据的时候发送额外的参数。 代码示例: $('#dg').datagrid({ queryParams: { id:’1’, name: 'easyui', subject: 'datagrid' }
datagrid太宽了,怎么把datagrid的横向得滚动条显示出来?
我用c#写得web程序,但是查询的字段很多,所以造成datagrid特别宽,怎样才能把datagrid的滚动条显示出来呢?
如何实现DataGrid的横向排列
我用一个DataGrid一列来显示图片,可是它只能一列向下排列,如何实现其显示的横向排列呢,比如原来为1rn 2rn 3rn现在要 1 2rn 3 4
easyui 横向导航菜单
[img=https://img-bbs.csdn.net/upload/201510/18/1445128281_919873.png][/img][img=https://img-bbs.csdn.net/upload/201510/18/1445128234_826667.png][/img]rnrn请教大师,这个ITEM 怎么调好?
easyUI datagrid实现增删功能
  我这边有个基于ssh+jquery-easyUI实现的例子,由于文件太大不能上传,先传两张图片上来,大家看一下,有需要源码的话,请留邮箱,我会尽快给你发过去的,大家互相学习!!!   &amp;lt;%@ page language=&quot;java&quot; contentType=&quot;text/html; charset=utf-8&quot;%&amp;gt; &amp;lt;!DOCTYPE html PUBLIC &quot;-/...
基于easyui datagrid后台分页实现
easyui datagrid 前台提供分页机制,默认给提供page、rows页码和行数的参数,因此要实现后台分页只需要获取前台的这两个参数配合后台sql的处理可实现分页,具体操作如下:根据page和rows 计算出前后页的数量  int startPagenum = rows*(page-1);//开始数量   int endPagenum = rows * page;//结束时数量根据查询结果...
相关热词 c#异步发送kafka c#窗体编号 c# 操作二进制文件 c# 反射 机制 c#线程 窗体失去响应 c#角度转弧度 c# 解析gps数据 c# vs设置 语法版本 c# json含回车 c#多线程demo