首页 > 其他分享 >dhtmlx中的grid加载不了数据

dhtmlx中的grid加载不了数据

时间:2022-08-31 12:34:18浏览次数:56  
标签:dhxGrid 423cvhjj data grid dhtmlx 1233676uvy894 检测站 2011 加载

我是一个初学者,求大神帮我看下这data为什么加载不了
<script type="text/javascript">
var data={rows:[{ "id":"1",data:["烟雾测试","金华尾气检测站","423cvhjj","1233676uvy894",08,"2011-1-1","2011-1-1","运行"]},
{ "id":"2",data:["烟雾测试","金华尾气检测站","423cvhjj","1233676uvy894",04,"2011-1-1","2011-1-1","运行"]},
{ "id":"3",data:["烟雾分析仪","义乌尾气检测站","423cvhjj","1233676uvy894",02,"2011-1-1","2011-1-1","运行"]},
{ "id":"4",data:["烟雾分析仪","永康尾气检测站","423cvhjj","1233676uvy894",05,"2011-1-1","2011-1-1","运行"]},
{ "id":"5",data:["烟雾测试","永康尾气检测站","423cvhjj","1233676uvy894",01,"2011-1-1","2011-1-1","故障"]},
{ "id":"6",data:["烟雾分析仪","义乌尾气检测站","423cvhjj","1233676uvy894",01,"2011-1-1","2011-1-1","故障"]},
{ "id":"7",data:["烟雾分析仪","武义尾气检测站","423cvhjj","1233676uvy894",03,"2011-1-1","2011-1-1","故障"]},
{ "id":"8",data:["烟雾测试","永康尾气检测站","423cvhjj","1233676uvy894",01,"2011-1-1","2011-1-1","故障"]},
{ "id":"9",data:["烟雾分析仪","义乌尾气检测站","423cvhjj","1233676uvy894",01,"2011-1-1","2011-1-1","故障"]},
{ "id":"10",data:["烟雾分析仪","武义尾气检测站","423cvhjj","1233676uvy894",03,"2011-1-1","2011-1-1","维护"]},
{ "id":"11",data:["烟雾测试","永康尾气检测站","423cvhjj","1233676uvy894",01,"2011-1-1","2011-1-1","维护"]},
{ "id":"12",data:["烟雾分析仪", "义乌尾气检测站","423cvhjj","1233676uvy894",01,"2011-1-1","2011-1-1","维护"]},
{ "id":"13",data:["烟雾分析仪","武义尾气检测站","423cvhjj","1233676uvy894",03,"2011-1-1","2011-1-1","故障"]},
{ "id":"14",data:["烟雾分析仪","义乌尾气检测站","423cvhjj","1233676uvy894",01,"2011-1-1","2011-1-1","故障"]},
{ "id":"15",data:["烟雾分析仪","武义尾气检测站","423cvhjj","1233676uvy894",03,"2011-1-1","2011-1-1","维护"]}
]};
$(function(){
renderGrid();
var t = new dhtmlXCalendarObject(["CAR_S_DATE","CAR_E_DATE","START_DATE","END_DATE"]);
});
function renderGrid(){
dhxGrid = new dhtmlXGridObject("grid_body");
dhxGrid.setImagePath("${ctx}/plugin/dhtmlx/imgs/");
dhxGrid.setSkin("dhx_skyblue");
dhxGrid.setHeader("设备名称,站点名称,设备型号,设备类型,所属检测线,申请时间,标定有效期,状态");//设置头标题
dhxGrid.setInitWidthsP("12,12,12,12,12,12,12,20");
dhxGrid.setColAlign("center,center,center,center,center,center,center,center");
dhxGrid.setColTypes("ro,ro,ro,ro,ro,ro,ro,ro");
dhxGrid.setColSorting("str,str,str,str,int,str,str,str");
dhxGrid.init();
dhxGrid.setPagingTemplates("[prevpages:<: ] [currentpages: ] [nextpages:>: ]","当前显示第<b>[from]-[to]</b>条,共<b>[total]</b>条");/
dhxGrid.setPagingWTMode(true,true,false,false);
dhxGrid.enablePaging(true,14, 14, "grid_foot",true,"grid_foot");
dhxGrid.setPagingSkin("toolbar", "dhx_skyblue");
dhxGrid.i18n.paging={
results:"结果",
records:"从第",
to:"条到第",
page:"页",
perpage:"条/页",
first:"首页",
previous:"上一页",
found:"找到记录",
next:"下一页",
last:"尾页",
of:" of ",
notfound:"未找到记录"
};

//var url = '${ctx}/searchVM.do?';
//url = encodeURI(encodeURI(url));
//dhxGrid.loadXML(url);
dhxGrid.parse(data,"json");
}
在body中的代码是
<div id="grid_div">
<div id="grid_body" ></div>
<div id="grid_foot" ></div>
</div>

 

发现原因了,只要在<div id="grid_body" ></div>输入height参数就行了

标签:dhxGrid,423cvhjj,data,grid,dhtmlx,1233676uvy894,检测站,2011,加载
From: https://www.cnblogs.com/jijm123/p/16642662.html

相关文章

  • vb.net DataGridViewCheckBoxColumn 自绘显示
     自定义自绘DataGridView扩展中发现CheckBox等控件显示错误,摸索了半天,总结一下片段:Case"DataGridViewCheckBoxCell"  NCell=NewDataGridViewCheckBoxC......
  • d3.js 分页加载
    当数据量过大时,使用d3.js渲染各种图时,如果一下子加载出来,会出现加载过慢,这样使用效果就不是太好,为了解决这个问题,使用了分页加载数据并渐进渲染各种图。一、数据格式......
  • PreloadJS预加载插件
     一个Javascript插件,可以管理和协调资源的加载进度。 CDN地址:https://cdn.baomitu.com/PreloadJS //实例LoadQueue类,得到实例对象queue。letqueue=new......
  • Element UI el-select 从远端加载数据
    最近做项目用到了ElementUI的el-select组件,我的需求是想要从远端服务器直接加载options,加载的时候有个loading,但是ElementUI文档只给出了从远端搜索的案例,用起来不......
  • SpringBoot在@PostConstruct方法中调用FeignClient加载不到Hystrix配置问题
    版本信息spring-cloud-starter-openfeign:2.1.3.RELEASEspring-boot-starter-parent:2.2.2.RELEASE问题描述@Service类@Autowired了一个@FeignClient,在@PostConstruc......
  • java类加载过程
    https://blog.csdn.net/weixin_37766296/article/details/80545283 https://www.cnblogs.com/wangwudi/p/12327942.html 类的加载顺序ClassLoader中默认的加载顺序......
  • 滑动加载
    html<divclass="message-box"data-spy="scroll"data-target="#navbar-example"data-offset="0"ref="messageList"></div> jsmounted(){//缓存指针......
  • DevTools 无法加载来源映射:无法加载 webpack··· net::ERR_UNKNOWN_URL_SCHEME
    问题:DevTools无法加载来源映射:无法加载webpack:///node_modules/element-plus/es/components/notification/src/notification.mjs.map的内容:Fetchthroughtargetfaile......
  • 阅读《计算机图形学编程(使用OpenGL和C++)》11 - 加载外部obj模型
    复杂的3D模型可以借助建模工具生成,这种工具能够在3D空间中构建任意形状并自动生成顶点、纹理坐标、顶点法向量等。模型生成后可导出成obj文件格式,这种格式有很多,OBJ文件很......
  • maven 加载顺序
    转载 http://uoften.com/article/216374.html概述本文主要是关于Maven仓库加载顺序的实例解析和相关实例 Maven仓库一般分为本地仓库和远程仓库。远程仓库又分为私......