一看就会，超有用活字格技能：一百八十、图文列表选择数据源松绑定统计行数

图文列表，在我们的9.0版本中，图文列表支持了一种新的数据源设置方式——《绑定数据源》。



以前使用图文列表时，都需要在隐藏区域放置一个表格，然后给表格绑定需要的列，设置列名，然后才能在图文列表中放置对应字段的值。

但是，现在有了绑定数据源，那么就可以直接选择我们数据库中的表，选择设置列名等，方便了许多，并且隐藏区域也不需要放置辅助表格。


但是没有的辅助表格：

如果想要统计松绑定状态下图文列表的行数，并且还有添加新行的情况，就不太好实现了对吧~

那么为了解决这个问题，咱们也必须给大家想出个办法来，那么就给大家解释下如何实现吧。

一、图文列表设置

首先，我们先在页面上放置好图文列表，选择好对应绑定的数据源，勾选下面的《允许添加新行》和《数据松绑定》；


这里有一个隐藏的功能——《表格名》：


这里的提示，说直白点就是如果设置了此项，那么就会有一个虚拟表格，我们可以操作这个虚拟表格来实现我们的需求。

二、虚拟表格使用

那么，我们就给一个虚拟表格名，这样就拿到了图文列表的表格，好的，那接下来的思路就简单了，我们只需要知道表格加了数据，然后统计表格上的行数就ok了嘛。

为了实现上面所说的效果，我们借助一段JS代码：

1. var page = Forguncy.Page;
   
2. page.bind("pageDefaultDataLoaded",function(){
   
3.     var listview = page.getListView("图文列表表格1");
   
4.     listview.bind("ValueChanged",function(){
   
5.         var count = listview.getRowCount();
   
6.         page.getCell("count").setValue(count);
   
7.     });
   
8. })

复制代码

将此JS代码放在页面加载时命令里，为了第一次加载页面时能拿到数据行数，我们再利用设置变量命令+设置单元格属性从数据表取到数据行数。



JS代码将表格数据行数设置到了单元格为“count”单元格上。

三、实现效果

好了，来看下实现的效果吧~



学会了吗？没学会就看下demo工程吧~~~

图文列表松绑定统计行数.fgcc (140.71 KB, 下载次数: 262)

2023-8-4 14:10 上传

点击文件名下载附件