easyui datagrid中fitColumns设置为false为什么不起效果

ZYJ~ 2017-01-10 11:07:47

easyui datagrid中fitColumns设置为false失效，不能出现滚动条这是为什么呢，求助！！

...全文

962 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

lyn584238910 2017-06-27

打赏
举报

//没有数据时，datagrid也有滚动条 // onLoadSuccess:function(data){ // if(data.total == 0){ // $("#devCardDatagrid1427701906663").datagrid("insertRow",{row:{}}); // $("tr[datagrid-row-index='0']").css({"visibility":"hidden"}); // } //},

Go 旅城通票 2017-01-10

打赏
举报

你的列宽度超过容器宽度了没有先

废话不多说了，直接给大家贴代码了。关键代码如下所示： /// 最近一次使用编辑行一切正常 /// ///初始化数据容器 /// function InitGrid(){ var lastIndex; $(#grid).datagrid({ url:'', loadMsg:'数据加载中,请稍后......', border:false, fitColumns:true, remoteSort:false, onDblClickRow:function(rowIndex,rowData){ lastIndex=rowIndex; $(#grid

XXXXXX.datagrid({ url: "${pageContext.request.contextPath}/xx/xx/xx, }); 用上述方式动态加载datagrid的数据时，通过net监听，发现调用了两遍XX方法，目前的解决方案是，将url放到datagrid初始化的时候执行。 $('#XXXX').datagrid({ fit: true, fitColumns: false, border: false, pagination: false, idField: 'id',

这是一套技术比较全面的EasyUI视频,由浅入深的几乎涵盖了所有EasyUI常用的组件,本课程后台Java端采用的是传统JDBC的技术,因为这套课程主要突出的是EasyUI的使用,所有后台这块技术大家可以忽略,只要有Java框架基础的同学,那后台是可以随意换的.本门课程的技术呢比较陈旧,视频中的有些杂音,如果你们公司用不着这个技术你就别学了,因为这技术确实已经挺老的了,可以学一些新的前端技术,例如BootStrap或者Vue,或者angularJS啦什么都可以.课程目标:1.熟练掌握EasyUI介绍和环境搭建2.熟练掌握Messager和window组件使用3.熟练掌握Dialog组件使用.4.熟练掌握表单验证,numberbox等组件使用5.熟练掌握layout布局组件6.熟练掌握datagrid组件增删改查详解7.熟练掌握可编辑表格Combo组件详解8.熟练掌握combo组件详解,省市县级联菜单9.熟练掌握tree组件详解,拖拽,增删改查

名称类型描述默认值 columns（列） array（数组）数据表格列配置对象，查看列属性以获取更多细节。 null frozenColumns（固定列） array（数组）跟列属性一样，但是这些列固定在左边，不会滚动。 null fitColumns（自适应列宽） boolean（布尔型）设置为true将自动使列适应表格宽度以防止出现水平滚动。 false striped（显示条纹） boolean（布尔型）设置为true将交替显示行背景。 false method（方法） string（字符串）请求远程数据的方法类型。 post nowrap（截取） boolean（布尔型）设置为true，当数据长度超出列宽时将会自动截取。 true idField（id字段） string（字符串）表明该列是一个唯一列。 null url（超链接） string（字符串）一个用以从远程站点请求数据的超链接地址。 null loadMsg（载入时信息） string（字符串）当从远程站点载入数据时，显示的一条快捷信息。 Processing, please wait … pagination（分页） boolean（布尔型）设置true将在数据表格底部显示分页工具栏。 false rownumbers（行数） boolean（布尔型）设置为true将显示行数。 false singleSelect（单选模式） boolean（布尔型）设置为true将只允许选择一行。 false pageNumber（当前页码） number（数字）当设置分页属性时，初始化分页码。 1 pageSize（每页记录数） number（数字）当设置分页属性时，初始化每页记录数。 10 pageList（可选择的每页记录数） array 当设置分页属性时，初始化每页记录数列表。 [10,20,30,40,50] queryParams（查询参数） object（对象）当请求远程数据时，发送的额外参数。 {} sortName（默认排序） string（字符串）当数据表格初始化时以哪一列来排序。 null sortOrder（排序顺序） string（字符串）定义排序顺序，可以是'asc'或者'desc'（正序或者倒序）。 asc remoteSort（远程排序） boolean（布尔型）定义是否通过远程服务器对数据排序。 true showFooter（显示行底） boolean（布尔型）定义是否显示行底（如果是做统计表格，这里可以显示总计等）。 false rowStyler（行样式） function（函数）返回样式，如：'background:red'，function有2个参数： index：行索引，从0开始. row：对应于该行记录的对象。 loadFilter（载入过滤器） function（函数）返回用以显示的已过滤数据，function有一个参数'data'表示原始数据，你可以将原始数据改变为规范的数据格式，该函数必须返回包含 'total'和'rows'属性的标准数据对象。 editors（编辑模式） object（对象）定义当编辑一行时的编辑模式。 predefined editors view（视图） object（对象）定义数据表格的视图。 default view

做项目的时候因为需求,要在表格的最后添加一列操作列,easyUI貌似没有提供这种功能,不过没关系,我们可以自定义来实现版本:jQuery easyUI 1.3.2 这里我的实现方式是采用HTML形式,js方式暂时还没用到首先是HTML部分 <table id=dg title=学生信息 class=easyui-datagrid url=${ctx}listStudent.do toolbar=#toolbar pagination=true rownumbers=false fitColumns=true single

JavaScript

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章