# 全代码组件，自定义代码组件写好之后，如何跟现有的筛选器组件进行连接

**URL:** <https://forum.jit.pro/t/topic/807>\
**Category:** Bug Reports\
**Created:** [August 10, 2026, 9:47am UTC](https://forum.jit.pro/t/topic/807 "2026-08-10T09:47:24Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![coco](https://avatars.discourse-cdn.com/v4/letter/c/8797f3/32.png) [@coco](https://forum.jit.pro/u/coco)\
**Post date:** [August 10, 2026, 9:47am UTC](https://forum.jit.pro/t/topic/807/1 "2026-08-10T09:47:24Z")

</div>

## 背景&操作步骤

> 做了什么操作后，出现的该问题

全代码组件，自定义代码组件写好之后，如何跟现有的筛选器组件进行连接，保持筛选生效？

## 问题

#### 页面截图

 ![image](https://us1.discourse-cdn.com/flex002/uploads/jitai/original/2X/8/8c5fa472e15fba50b1884bb01246de3a83387f37.png)

#### 前端控制台错误截图 （如果只是后端问题，可跳过）

#### 接口返回数据截图 & 后端日志错误提示（如只是前端问题，可跳过）

## 期望效果

---

<div class="post-metadata">

**Author:** ![sumu](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.jit.pro/sumu/32/31_2.png) [@sumu](https://forum.jit.pro/u/sumu)\
**Post date:** [August 24, 2026, 7:43am UTC](https://forum.jit.pro/t/topic/807/2 "2026-08-24T07:43:09Z")

</div>

[https://jit.pro/zh/docs/reference/framework/JitWeb/components/view-type/full-code-component](https://jit.pro/zh/docs/reference/framework/JitWeb/components/view-type/full-code-component)

全代码组件怎样与其他组件互动？

其他组件的对应事件中， 调用全代码组件中定义的function. 例如：你当前的筛选器组件变更后，想要刷新 全代码组件的数据： 就是

1. 全代码组件中新增一个 refresh 函数，参数是 筛选条件， 里面实现刷新逻辑；
2. 在筛选器组件的筛选事件中，全代码写 调用这个组件.refresh(筛选器组件.筛选条件) ）

---

<div class="post-metadata">

**Author:** ![sumu](https://sea2.discourse-cdn.com/flex002/user_avatar/forum.jit.pro/sumu/32/31_2.png) [@sumu](https://forum.jit.pro/u/sumu)\
**Post date:** [August 24, 2026, 7:51am UTC](https://forum.jit.pro/t/topic/807/3 "2026-08-24T07:51:28Z")

</div>

全代码组件中怎样读写 数据模型 / 服务函数？

推荐在 其他组件的事件中，通过可视化方式配置要调用的函数，然后切换到源码，复制对应的语句

 ![image](https://us1.discourse-cdn.com/flex002/uploads/jitai/original/2X/7/7f856d215dcc93adc0fefe0ff8215f1d0d261f35.png)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/jitai/original/2X/f/fa19de1397f9fe80e8841a6c56958608db426c4c.png)