技巧5:如何动态查看页面上的过滤数据。

技巧5:如何动态查看页面上的过滤数据。

原文链接:https://help.zoho.com/portal/en/community/topic/tip-05-how-to-dynamically-view-filtered-data-on-a-page



嗨,大家好,


两周过去了,我们将为您提供新提示,该提示将帮助您根据在表单中输入的数据动态创建视图。

页面构建器是Zoho Creator的最强大功能之一。它有助于在一个屏幕上以图形方式表示重要信息。您可以创建不同类型的  页面,其中可以包括各种组件,例如面板,图表,报告,摘要,按钮,表单和嵌入式链接。

现在,让我们看一下如何根据在另一个报表中输入的值动态过滤报表中的数据(已嵌入到页面中)。

例如: 比方说,我们有两种形式:  A型 和  B型


表单A用于收集数据,并创建相应的报告A,显示用户提交的所有数据。


表单B是一个无状态表单,具有来自表单A的Lookup字段。我们将其称为Lookupfield_A。 

注意: 这两种形式都嵌入HTML页面中。

我们的目标:用户单击表单B(无状态表单)中的自定义按钮后,我们需要根据在“查找”字段(Lookupfield_A)中选择的值来过滤报表A中的数据。

让我们看看如何实现这一目标:

我们需要在窗体B中的自定义按钮的点击操作中使用以下脚本。


  1. openUrl(“https://app.zohocreator.com/ <user_name> / <app_name> /view-embed/ReportA?LookupField.ID =“ + input.Lookupfield_A +”&zc_ifr_load = true“,” iframe“,” iframename“);
注意: iframe(内联框架的缩写)是一种HTML元素,它允许将外部网页嵌入HTML文档中。此处,  iframename是必须在其中显示报告A的页面中iframe的名称。

报告A页面的示例HTML代码段如下所示:

  1. <iframe height ='500px'width ='100%'frameborder ='0'allowTransparency ='true'name ='iframename'scrolling ='auto'src =''> </ iframe>  

为了更好地理解这一点,请看一下这个  例子

希望您对如何根据在表单中输入的信息动态查看数据有一个清晰的认识。如果您对与页面相关的任何内容有任何疑问或疑问,我们会提供一些好消息。我们将很快在Page Builder上主持一个Ask the Expert(ATE#02)专家会议,您可以在其中进行全部询问。 


请继续关注此空间,以获取更多此类提示。





    • Related Articles

    • 技巧20:如何在子表单中自动填充值

      原文链接:https://help.zoho.com/portal/en/community/topic/tip-20-how-to-autopopulate-values-in-a-subform 嘿伙计, 我们知道许多人在您的应用程序中广泛使用子表单,因为它有助于您更有效地完成工作。在本技巧中,我们将向您展示如何使用称为“行”的特殊语法在子表单中自动填充值。 让我们来看一个例子。 考虑您有一个应用程序,您需要根据该应用程序在用户单击子表单中的“ ...
    • 技巧16:如何隐藏客户数据以确保隐私。

      原文链接:https://help.zoho.com/portal/en/community/topic/tip-16-how-to-mask-customer-data-to-ensure-privacy 嗨伙计,  作为用户,我们经常不愿透露我们的联系电话或电子邮件地址,因为我们不想被通讯,促销信息或销售电话所困扰。在本技巧中,我们将讨论如何只需单击几下即可屏蔽在Zoho Creator应用程序中输入的数据! 什么是数据屏蔽? ...
    • 技巧14:如何迭代一组Deluge代码特定次数。

      原文链接:https://help.zoho.com/portal/en/community/topic/tip-14-how-to-iterate-a-set-of-deluge-code-a-specific-number-of-times 大家好, 您可能已经知道,递归函数用于  执行特定操作特定次数。我们已经在技巧2中对此进行了详细说明。同样,还有另一种方法可以迭代一组Deluge代码“ n”次。您需要做的就是创建一个列表,并使用“对于每个索引”任务对其进行特定次数的迭代。    ...
    • 技巧4:如何以实时形式动态显示图像。

      原文链接:https://help.zoho.com/portal/en/community/topic/tip-04-how-to-dynamically-display-images-in-a-live-form 嗨,大家好, 我们希望前面的技巧对您在这里的许多人有用。我们回来了一个新的提示,它将有助于改善您的应用程序的用户体验。 是的,这是对的。今天,我们将研究如何以实时形式显示已使用其他Zoho ...
    • 技巧3:如何使用URL参数动态过滤报告

      原文链接:https://help.zoho.com/portal/en/community/topic/tip-02-how-to-dynamically-filter-reports-using-url-parameters-22-3-2018 嗨伙计, 每两个星期,作为Zoho Creator-提示和技巧系列的一部分,我们今天回来了有关如何使用URL参数过滤报告的新提示。 ...