当页面元素比较多的时候。。。。。

2009-03-13 11:42:39 203 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

PX4飞控与MAVROS实战：从零搭建无人机ROS通信环境（附常见报错解决）本文详细介绍了如何从零搭建PX4飞控与ROS的通信环境，重点解析了MAVROS的安装、硬件连接、串口权限配置以及坐标系转换等核心步骤。针对GeographicLib数据下载失败、串口权限不足等常见报错提供了实用解决方案，并附有Offboard模式控制的代码示例，帮助开发者快速建立稳定的无人机ROS开发环境。阅读详情

最近遇到一件恶心的事情，客户给了一份表格，表格大概有7张子表组成，每张子表有大概8~20列不等，30行左右的数据。
客户希望按照这个表格作一样的页面，以便能用web页面取代值钱excel表格的工作。。
这一下可麻烦了，我一个页面里有7个div层，用7个标签表示7个表，每个div引用一个子页，每个子页一张表，大概几百个text框要填写。这样用标签模拟excel表格底下的标签，text框作为单元格，这一下可麻烦了，虽然做了延迟加载，点哪个子页，哪个子页才加载，但是就是只有一个页面，几百个text，每当鼠标拖动滚动条或者想在某一个text框里写点东西都要延迟1~2秒。。。如果7个页都加载完成的话。。。过去听说js太多导致浏览器执行缓慢，现在知道了元素太多也可以导致

谁来分析一下慢的原因？另外我知道肯定有折中方法能达到很快的速度，几百个数据提交到服务器上快慢不谈，我就想要页面在客户端浏览器内修改个text框，拖动下滚动条能和其他页面一样快，一般你们是怎么处理的？

...全文

【IC】Redhawk-SC输入件配置 Redhawk sc 阅读详情

bloodrate

Web 开发 81,108 成员 341,721 内容

+ 关注 + 加入社区

切换为时间正序

什么都不能 2009-03-14

打赏
举报

dom 过大了，我想最好和用户充分沟通，找一种变通方案，比如用户先用excel做好保存成csv格式，然后上传保存到数据库

什么都不能 2009-03-14

打赏
举报

如果只是修改的话最好可以分页，一个html不要太大。然后你可以看一下EXTJS中的Grid的sample
最初显示table 点击需要修改的记录可以修改

Asinzy 2009-03-14

打赏
举报

很简单，你就按照客户的意思去做，他用得不爽了，你就跟他说：我提醒过你，说不要这样，你自己找的
呵呵

bloodrate 2009-03-14

打赏
举报

[Quote=引用 6 楼 xieboshi 的回复:]
可以采用dhtmlxGrid加dhtmlxTabbar试一下；
另外可以改变一下界面加载方式，比如采用向导式，这样每次加载的数据量就少很多了。
[/Quote]

向导的最小填写单元也是一个页面吧，仅仅一个页面的控件数量就已经很大了，很慢了。

bloodrate 2009-03-14

打赏
举报

[Quote=引用 5 楼 BearKin 的回复:]
引用楼主 bloodrate 的帖子:
最近遇到一件恶心的事情，客户给了一份表格，表格大概有7张子表组成，每张子表有大概8~20列不等，30行左右的数据。
客户希望按照这个表格作一样的页面，以便能用web页面取代值钱excel表格的工作。。
这一下可麻烦了，我一个页面里有7个div层，用7个标签表示7个表，每个div引用一个子页，每个子页一张表，大概几百个text框要填写。这样用标签模拟excel表格底下的标签，text框作为单元格，这一下可…
[/Quote]

其实他们并不真的会填这些数据，我刚才也说了，他们会通过Excel导入，导入之后所有数据在表格中已经填写好了，然后修改个别不合格的数据。

bloodrate 2009-03-14

打赏
举报

[Quote=引用 3 楼 hanpoyangtitan 的回复:]
dom 过大了，我想最好和用户充分沟通，找一种变通方案，比如用户先用excel做好保存成csv格式，然后上传保存到数据库
[/Quote]

我们是用Excel导入，其实是这样，客户的数据用Excel导入不能直接存储到数据库，还要经过页面，因为Excel中有些数据可能是错误的，需要在真正存储到数据库之前进行逐个验证，所以点击导入，选择Excel文件，“确定”之后的下一个页面是所有几百项数据都在页面填好的页面，点击“提交”才是真的保存，如果Excel个别数据错误，比如该填写的缺失，那么这份数据不完整，要在页面校验，填写完整才让提交。

lookupwtd 2009-03-14

打赏
举报

一个太慢多用iframe处理一下+div
提交数据是用js控制每个iframe的form.submit()
这样才快

xieboshi 2009-03-14

打赏
举报

可以采用dhtmlxGrid加dhtmlxTabbar试一下；
另外可以改变一下界面加载方式，比如采用向导式，这样每次加载的数据量就少很多了。

BearKin 2009-03-14

打赏
举报

[Quote=引用楼主 bloodrate 的帖子:]
最近遇到一件恶心的事情，客户给了一份表格，表格大概有7张子表组成，每张子表有大概8~20列不等，30行左右的数据。
客户希望按照这个表格作一样的页面，以便能用web页面取代值钱excel表格的工作。。
这一下可麻烦了，我一个页面里有7个div层，用7个标签表示7个表，每个div引用一个子页，每个子页一张表，大概几百个text框要填写。这样用标签模拟excel表格底下的标签，text框作为单元格，这一下可麻烦了，虽然做了延迟加载，点…
[/Quote]

几百个TEXT框要填写。。。形式主义害死人啊。。

mazzystar0 2009-03-14

打赏
举报

一定要说服客户，让他知道你有更好的做法

bloodrate 2009-03-13

打赏
举报

是的，当你遇到类似的需求，怎么弄

javagxc 2009-03-13

打赏
举报

这个有点麻烦啊，呵呵

当页面元素比较多的时候。。。。。

相关推荐