比如我想获得一个子表单的第一行的某个数值组件的数据
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
给你一个设置值的参考,formGroupId是行的id,设置子表单值变化的动作,然后打印一下差不多就能体会到,获取值你可以试试
getComponentProps(formGroupId, 'selectField_lbk4l7ca')行不行。
const tableField = this.$('tableField_lbk4l7c9');
tableField.setComponentProps(formGroupId, 'selectField_lbk4l7ca', { dataSource: this.selectOptions(result, 'textField_lbk4c6v0') });
以下是一些常见的获取子表单特定行的某一特定组件数据的方法:
前端框架中
Vue.js:可以通过 ref 为子组件指定引用 ID,引用信息会注册在父组件的 $refs 对象上。若子表单是一个组件,在父组件中可通过 $refs 获取子组件实例,进而访问子表单特定行特定组件的数据。若特定组件有双向绑定数据,可直接通过绑定的变量获取。
React.js:使用 ref 来获取子组件的引用。可以在父组件中创建 ref ,通过 ref 获取子组件实例,然后调用子组件中提供的方法来获取特定行特定组件的数据。也可以通过上下文(Context)来传递数据,使子组件能够访问到父组件或其他祖先组件中存储的相关数据。
利用表单库或插件
数据库查询(涉及后端)
其他方式
通过事件传递:在子组件中,当特定组件的值发生变化或特定行被操作时,通过触发自定义事件并传递相关数据给父组件。父组件通过监听该事件来接收并处理这些数据,从而获取到特定行特定组件的数据。
使用数据绑定和计算属性:在 Vue 或 React 等框架中,可利用数据绑定和计算属性来处理表单数据。将子表单的数据绑定到父组件的状态或属性上,然后通过计算属性根据特定行和组件的条件来筛选出需要的数据。