Erik.Xue 发表于 2023-8-4 14:10:42

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

本帖最后由 Erik.Xue 于 2023-8-4 14:10 编辑

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



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

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


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

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

一、图文列表设置

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


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


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

二、虚拟表格使用

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

为了实现上面所说的效果,我们借助一段JS代码:
var page = Forguncy.Page;
page.bind("pageDefaultDataLoaded",function(){
    var listview = page.getListView("图文列表表格1");
    listview.bind("ValueChanged",function(){
      var count = listview.getRowCount();
      page.getCell("count").setValue(count);
    });
})

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



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

三、实现效果

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



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





页: [1]
查看完整版本: 一看就会,超有用活字格技能:一百八十、图文列表选择数据源松绑定统计行数