开发者社区> 问答> 正文

关联查询组件是否获取到值怎么用JS识别

关联查询组件在表单中通过数据筛选去获取某表单的数据,可以正常使用。 现在希望在此基础上,实现JS一些其他功能。就是如果关联查询组件获取到值,我执行A函数动作,没有获取到值,执行B函数动作。 比如单行文本可以通过getValue()来获取值,用IF进行判断值是否为空。 但是怎样识别关联查询组件是否获取到值就懵了,宜搭也没介绍。 希望大师们指点一下?并尽量用实际案例指导一下,谢谢!

展开
收起
游客as6kdbzxuw7hy 2023-06-27 16:55:55 134 0
来自:钉钉宜搭
3 条回答
写回答
取消 提交回答
  • 要判断关联查询组件是否获取到值,您可以使用以下方法:

    1. 使用getValue()方法获取组件的值。关联查询组件的值通常是一个对象或数组,而不是单个值。您可以检查获取的值是否为空对象或数组,以确定是否成功获取到值。

    var value = $w('#relationQuery').value; // 获取关联查询组件的值

    if (value && (Array.isArray(value) && value.length > 0 || Object.keys(value).length > 0)) { // 获取到了值,执行 A 函数动作 A(); } else { // 没有获取到值,执行 B 函数动作 B(); }

    在上述代码中,我们使用$w('#relationQuery').value获取关联查询组件的值,并检查获取的值是否为空对象或数组。如果获取到了非空的值,则执行函数 A;否则,执行函数 B。

    1. 监听关联查询组件的值变化事件。宜搭中的组件通常提供了一些事件来监听值的变化。您可以使用该事件来判断组件是否获取到了值。

    $w('#relationQuery').onChange((event) => { if (event.target.value) { // 获取到了值,执行 A 函数动作 A(); } else { // 没有获取到值,执行 B 函数动作 B(); } });

    在上述代码中,我们使用onChange事件监听关联查询组件的值变化。当值发生变化时,回调函数会被触发。在回调函数中,我们检查获取的值是否存在,如果存在则执行函数 A,否则执行函数 B。

    这些方法中,您可以选择适合您需求的方法来判断关联查询组件是否获取到了值。请根据您的具体情况选择使用其中一种方法。

    2023-06-27 23:52:28
    赞同 展开评论 打赏
  • 关联查询组件通常是指基于下拉菜单或弹出框等方式,实现两个或多个数据表之间关联查询的功能。在进行关联查询时,我们可能需要通过 JavaScript 代码来获取关联查询组件的值,并进行相应的逻辑处理和展示。以下是一些可能有助于实现关联查询组件值获取的方法:

    1. 使用 DOM 方法:可以通过 JavaScript 的 DOM(文档对象模型)方法来获取关联查询组件的当前值。具体方法包括 getElementById、getElementsByName、getElementsByTagName 等,根据组件的类型和 ID 或名称等属性来获取相应的元素对象,并读取其 value 属性即可。

    2. 使用 JQuery 框架:JQuery 是一个流行的 JavaScript 库,提供了简单易用的 API 接口,方便开发者进行 DOM 操作和事件绑定等操作。可以使用 JQuery 提供的选择器语法和 val() 方法,直接获取关联查询组件的当前值。

    3. 监听组件事件:关联查询组件通常会触发一些特定的 DOM 事件,例如 onchange、onselect、onblur 等,可以通过监听这些事件,来获取组件当前的值并进行相应的逻辑操作。

    4. 嵌入到表单提交中:如果关联查询组件的值需要作为表单数据提交到服务器端,在提交表单时,可以直接获取关联查询组件的当前值,并将其赋值给相应的表单元素。然后再提交整个表单即可。

    2023-06-27 18:28:36
    赞同 展开评论 打赏
  • 月移花影,暗香浮动

    在宜搭中,关联查询组件获取到值需要在执行 A 函数动作之后,通过上传数据到云端并启动 B 函数动作来实现。以下是具体步骤:

    1. 在执行 A 函数动作时,将需要关联查询的数据上传到云端,可以使用云函数 SDK 的方式上传数据,也可以使用云存储服务等其它方式。

    2. 在提交上传数据操作成功后,在 A 函数中调用云函数 SDK 启动 B 函数,同时将上传的数据作为参数传递给 B 函数。

    3. 在 B 函数中读取上传的数据,并使用查找数据的逻辑来完成关联查询,并返回查询结果。

    需要注意的是,在关联查询组件获取到值时,需要在 A 函数中执行上传数据并启动 B 函数,确保数据已经提交并上传到云端,否则无法进行关联查询。如果仍然无法获取到正确的查询结果,可以检查 A 函数和 B 函数的逻辑是否正确,以及上传数据和查询条件是否匹配。

    2023-06-27 17:15:52
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
问答排行榜
最热
最新

相关电子书

更多
JavaScript面向对象的程序设计 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载