表格能否实现客户端数据过滤？

hcp · 发表于 2016-8-18 17:38:35

用户要求我们的页面上有两个表格，是主从表联动的，而且能同时编辑两个表格的数据，编辑完后一起提交保存。
仔细考虑了一下，除非将主从表数据全部加载后，在客户端过滤显示细表，才能满足客户要求。
请问，表格能否实现客户端数据过滤？

hcp · 发表于 2016-8-22 08:36:49

这个功能无法实现吗？没人回复

sanshi · 发表于 2016-8-22 17:19:27

表格有 loadData 的客户端函数，可以重新加载数据。

但是主表选中项改变后，从表重新加载时数据就丢失了（除非自行AJAX保存到服务器，还有同步客户端数据），但是整个交互太多客户端逻辑，过于复杂

hcp · 发表于 2016-8-23 08:39:24

本帖最后由 hcp 于 2016-8-23 08:40 编辑

sanshi 发表于 2016-8-22 17:19
表格有 loadData 的客户端函数，可以重新加载数据。

但是主表选中项改变后，从表重新加载时数据就丢失了（ ...

我的想法是打开页面时就加载所有的数据（包括所有主表所属的从表数据），主表选中项改变后，不需要重新加载从表数据，只要在客户端过滤显示对应的从表数据就行了，这样就保持从表数据了。 EasyUI的DataGrid就支持客户端过滤、分页，你们何不参考一下呢？这种实现起来，感觉应该也不是太复杂

sanshi · 发表于 2016-8-23 09:30:37

hcp 发表于 2016-8-23 08:39
我的想法是打开页面时就加载所有的数据（包括所有主表所属的从表数据），主表选中项改变后，不需要重新加 ...

仅仅是显示，过滤是没问题的，只不过FineUI是服务器端控件，完全客户端实现的例子不多，但是功能实现是没问题的。

不过你原帖中提到：

复制代码

这里牵涉到单元格编辑，这就难了，会遇到数据同步与保存的问题

		自动登录	找回密码
密码			立即注册