开发者社区> 问答> 正文

自定义页面数据筛选显示的问题

已解决

自定义页面获取来的是全部数据,如何再对这些数据进行处理,在不需要顶部设置筛选条件,让它直接在列表中只展示对应状态的数据?

展开
收起
1848386703547692 2023-10-22 14:01:17 152 0
来自:钉钉宜搭
1 条回答
写回答
取消 提交回答
  • 十年摸盘键,代码未曾试。 今日码示君,谁有上云事。
    采纳回答

    可以参考下面案例,具体请结合实际情况修改代码。

    拖动选项卡到页面中,并配置三个选项:

    选择全部时,触发点击动作 onClickall,由于选择全部时,展示全部数据,因此只需重新加载数据源获取数据。

    export function onClickall(){   const params = {     "formUuid": "FORM-VFYJ1FGVKZYP49FP075B4BA6VCV931W935HOK31",   }   this.dataSourceMap.getDatas.load(params).then((response) => {     // this.utils.dialog({     //   type: 'alert', // 或confirm     //   title: '请求成功',     //   type: 'success', // PC端支持 info/success/error      //   content: 请求参数为 ${JSON.stringify(params)},返回结果为 ${response},     // })   }) }

    选择科研项目时,则触发动作 onClicka,由于只筛选出科研项目的数据,因此需要加载数据源时,需要添加参数在调用接口获取数据,

    首先使用 this.$('fliedid').get('content'); 获取文本的内容值“科研项目”,然后将内容作为参数,调用 getDatas 接口,加载数据源,从而实现点击科研项目时筛选科研项目的需求。

    export function onClicka(){

      const a = this.$('科研项目文本唯一标识').get('content');   const obj = { "selectField_koh53g2m": a }   const params = {     "formUuid": "FORM-VFYJ1FGVKZYP49FP075B4BA6VCV931W935HOK31",     "searchFieldJson": JSON.stringify(obj),   }   this.dataSourceMap.getDatas.load(params).then((response) => {     // this.utils.dialog({     //   type: 'alert', // 或confirm     //   title: '请求成功',     //   type: 'success', // PC端支持 info/success/error      //   content: 请求参数为 ${JSON.stringify(params)},返回结果为 ${response},     // })   }) }

    选择商业项目时,则触发动作 onClickb,由于只筛选出商业项目的数据,因此需要加载数据源时,需要添加参数在调用接口获取数据。

    首先使用 this.$('fliedid').get('content'); 获取文本的内容值“商业项目”,然后将内容作为参数,调用 getDatas 接口,加载数据源,从而实现点击科研项目时筛选商业项目的需求。

    export function onClickb(){   const b = this.$('商业项目文本唯一标识').get('content');   console.log(b);   let obj = { "selectField_koh53g2m": b }   const params = {     "formUuid": "FORM-VFYJ1FGVKZYP49FP075B4BA6VCV931W935HOK31",     "searchFieldJson": JSON.stringify(obj),   }   this.dataSourceMap.getDatas.load(params).then((response) => {     // this.utils.dialog({     //   type: 'alert', // 或confirm     //   title: '请求成功',     //   type: 'success', // PC端支持 info/success/error      //   content: 请求参数为 ${JSON.stringify(params)},返回结果为 ${response},     // })   }) }

    以上仅供参考。

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

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载