parent-child 相关问题

实体之间的关系,其中一个扮演主要角色,另一个扮演次要角色。也是一种继承关系范式。

自动生成传递给子对象函数

我想在python中自动将函数调用转发给子类,以便父类拥有该函数,然后将调用转发给子类并将结果返回给调用者。

回答 1 投票 0

qt 连接 cids 按钮

我有 类主窗口:公共 QMainWindow { Q_OBJECT 民众: 显式MainWindow(QWidget *parent = 0); 〜主窗口(); 私人插槽: 无效 getData(); 私人的: 用户界面::

回答 1 投票 0

LWC:如何在单击 LWC 中的按钮时重置多选组合框的值

在我的父组件中,我将子组件称为: 在我的父组件中,我将子组件称为: <c-multiselect-picklist multi-picklist-values={picklistValues} onselect={handleChange} preselected-string={selectedPicklistValue} data-id="first"></c-multiselect-picklist> JS: picklistValues = {}; picklistOptions = [ { label: 'First', value: 'First'}, { label: 'Second', value: 'Second'}, { label: 'Third', value: 'Third'}, { label: 'Fourth', value: 'Fourth'} ]; connectedCallback() { this.picklistValues.label = ''; this.picklistValues.optionsToSelect = this.picklistOptions; this.selectedPicklistValue = 'Some String'; } 在 UI 中,我有一个重置按钮,单击该按钮后,我想将多选子 LWC 重置为初始状态,而不进行任何选择。 如何在 LWC 中实现这一目标。 我尝试将 picklistValues 设置为 null,但闪电组合框仍然显示选定的选项。 正如已经评论过的,如果没有看到您的实际实现,很难判断什么对您的自定义组合框有效,但是我可以向您展示一个可行的解决方案: 多选组合框 我写了一篇关于如何创建 LWC 多选组合框的文章,可能会对您有所帮助:https://medium.com/@svirk/how-to-create-the-lwc-multi-select-combobox-that-salesforce -仍然缺失-c7bf3a2850dd 包括 JEST 单元测试和 JSDoc 注释的源代码可在此处获取:https://github.com/svirk/awesome-lwc-collection/tree/main/force-app/main/default/lwc/multiSelectCombobox 重置当前选择 要使用按钮等从外部重置当前选择,您只需添加一个重置方法并使用 @api 注释使其可供外部使用。如果您使用我的组件,此方法将如下所示: @api reset() { this.selectedItems = this.placeholder; this.currentOptions = []; this.selectedOptions = []; this.isLoaded = false; } 然后,您可以通过查询选择器从相应的父组件调用重置方法: this.template.querySelector('c-multi-select-combobox').reset(); 我们可以调用整个组件而不是调用组件中的方法吗?

回答 2 投票 0

在卡信息之间切换

我有一个子组件,当您单击其按钮时会显示信息。 信息数据.component.html 我有一个子组件,当您单击其按钮时会显示信息。 信息数据.component.html <div class="col-12 col-sm-12 col-md-12 col-lg-12"> <div class="col-sm-12 col-md-12 col-lg-12 p-2 info"> <h6 (click)="questionClick()">{{headName}} <fa-icon [icon]="icons.faInfoCircle" class="fa-1x text-primary" transform="shrink-2"></fa-icon> </h6> </div> <ng-template #childTemplate> <div class="row" [hidden]="visibleStatus"> <div class="col-12 bulb-section"> <div class="row m-0"> <div class="icon-bulb col"> <p class="ml-4"> {{infoData}} </p> </div> </div> </div> </div> </ng-template> <ng-container *ngIf="!displayInfo; then childTemplate"></ng-container> </div> 信息数据.component.ts export class InformationDataComponent { @ViewChild('childTemplate', { static: true }) childTemplate: TemplateRef<any>; constructor() { } @Input() infoData: string; @Input() visibleStatus: boolean; @Input() headName: string; @Input() displayInfo?: boolean; questionClick () { this.visibleStatus = !this.visibleStatus; } } 场景 - 在我的父组件中,我有 3 个引导卡,每个卡都有不同的数据。当我点击一张卡片时,我只想显示相应卡片的信息,在这种情况下隐藏其他两张卡片。 <div class="card"> <div class="card-body"> <information-data [infoData]="salonInfo" [headName]="salonHead" [visibleStatus]="true" [displayInfo]="true" ></information-data> </div> </div> </div> <div class="col-4 col-sm-4 col-md-4 col-lg-4"> <div class="card"> <div class="card-body"> <information-data [infoData]="hospitalInfo" [headName]="hospitalHead" [visibleStatus]="true" [displayInfo]="true" ></information-data> </div> </div> </div> <div class="col-4 col-sm-4 col-md-4 col-lg-4"> <div class="card"> <div class="card-body"> <information-data [infoData]="travelInfo" [headName]="travelHead" [visibleStatus]="true" [displayInfo]="true" ></information-data> </div> </div> <div class="row pl-5 pr-5"> <ng-container *ngTemplateOutlet="childComponent.childTemplate"></ng-container> </div> </div> 其他场景 - 我在应用程序的其他部分广泛使用这个子组件,如下所示,并且不应更改它。 <retail-information-data [infoData]="funcInfo" [headName]="funcHead" [visibleStatus]="funcVisibility" ></retail-information-data> 如何在不影响代码其他部分的情况下实现此功能? 使用输出 @Output() displayInfoChange:EventEmitter<boolean>=new EventEmitter<boolean>() 当改变时 questionClick () { this.visibleStatus = !this.visibleStatus; // this.displayInfoChange.emit(this.visibleStatus); } 因此,您可以使用两种方式绑定,并且您的父级考虑到更改,定义一个数组displayInfos displayInfos:boolean[]=[true,false,false] <!--change each "0", by "1" and "2" to the second and third card--> <information-data [infoData]="salonInfo" [headName]="salonHead" [visibleStatus]="true" [(displayInfo)]="displayInfos[0]" (displayInfoChange)="displayInfos[0] && restToFalse(0)" ></information-data> restToFalse(index:number) this.displayInfos=this.displayInfos.map((x,i)=>(i==index)) }

回答 1 投票 0

当子类处于活动状态时,在页面加载时打开可折叠的父类

我有一个 html 页面,其中包含带有按钮 btn-acc-tab 的手风琴部分。当用户单击按钮时,acc-tab 部分会打开,每个部分都包含可以处于活动状态的链接 tab-link。该教派...

回答 1 投票 0

Python - 使用子级 super() 调用中父级的方法

我想类似的问题还有很多,但我不知道如何搜索这种情况。假设我有以下代码结构: 父类(): def 方法(自身): 自我.He...

回答 1 投票 0

使用vue.js在子组件中调用父方法

我只想知道如何从子组件调用父函数。 我尝试使用 $parent 来调用父方法,但出现此错误 类型错误:_this.$parent.forceRender 不是

回答 2 投票 0

在Python中对分层父/子列表进行排序

我对 PYTHON 中父/子关系中的层次结构管理有一个小小的担忧。 为了提供一些上下文,我有一个由 x 个字段组成的表。以下是我感兴趣的: 产品编号

回答 1 投票 0

sas中如何统计父子分层数据的生成?

我有一个数据集,如下所示: 孩子$ 父母$ A 。 巴 CA D B EC FD GE 这意味着A是第1代的祖先,B和C是孩子......

回答 1 投票 0

有条件遍历

我正在使用一个分层数据集,遍历各个级别的儿童并根据某些条件对其进行转换。一旦我完成了转换,我需要存储转换...

回答 1 投票 0

无法使用 Vanilla JavaScript 检测 div 内的子元素?

我正在尝试在另一个空 div 内创建一个 div(如果该 div 内部没有子元素)。这是我正在使用的 HTML 示例: HTML: 我正在尝试在另一个空 div 内创建一个 div(如果该 div 内部没有子元素)。这是我正在使用的 HTML 示例: HTML: <section class="nav-page" id="metaTagsGenerator"> <h2>Meta Tags Generator</h2> <div class="mtg-content" id="hasChild"> </div> </section> 这是 JavaScript 代码: document.addEventListener("DOMContentLoaded", function () { let tabsContent = document.getElementById("isActive"); if (!tabsContent.hasChildNodes()) { const placeHolderDiv = document.createElement("div"); placeHolderDiv.setAttribute("class", "place-holder-div"); tabsContent.appendChild(placeHolderDiv); placeHolderDiv.innerHTML = "Under construction..."; } }); 有什么想法可以解决这个问题吗?预先感谢。 您的代码似乎正在寻找如下所示的元素: <tag id="isActive"></tag> 在 HTML 中找不到此内容。 您可能需要替换的“isActive” let tabsContent = document.getElementById("isActive"); 具有正确的元素 ID。执行此操作后,代码不再抛出任何异常。 这是我测试过的代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> document.addEventListener("DOMContentLoaded", function () { let tabsContent = document.getElementById("hasChild"); if (!tabsContent.hasChildNodes()) { const placeHolderDiv = document.createElement("div"); placeHolderDiv.setAttribute("class", "place-holder-div"); tabsContent.appendChild(placeHolderDiv); placeHolderDiv.innerHTML = "Under construction..."; } }); </script> </head> <body> <section class="nav-page" id="metaTagsGenerator"> <h2>Meta Tags Generator</h2> <div class="mtg-content" id="hasChild"> </div> </section> </body> </html>

回答 1 投票 0

在多个父母中选择第n个孩子

我有以下标记: 一个 两个 三 我有以下标记: <div class="foo"> <ul> <li>one</li> <li>two</li> </ul> <ul> <li>three</li> </ul> <ul> <li>four</li> </ul> </div> 我希望设计“一”和“三”的样式。 但是,标记也可以是: <div class="foo"> <ul> <li>one</li> <li>two</li> <li>three</li> </ul> <ul> <li>four</li> </ul> </div> 我尝试使用以下 CSS: .foo li:nth-child(1), .foo li:nth-child(3) { color:red; } 但是,正如预期的那样,这是每个 ul 的第一个子元素的样式。 (演示:http://jsfiddle.net/hTfVu/) 如何更改 CSS,以便可以定位属于 li 的第 1 个和第 3 个 .foo? 仅使用 CSS 选择器无法做到这一点。 :nth-child() 和兄弟姐妹组合器仅限于共享同一父级的子级/兄弟级,正如它们的名称所暗示的那样,CSS 选择器无法解释父子结构中的此类变化,也没有像 :nth-grandchild() 选择器这样的东西(甚至选择器 4 中的 :nth-match() 仅限于共享相同父级的元素)。 当然,这在使用 Javascript 时很简单,例如使用像 jQuery 这样的库: $('.foo li:eq(0), .foo li:eq(2)') 否则,您必须使用类或 ID 显式标记第一个和第三个 li 元素,然后选择它们。 您可以使用偶数和奇数选择器。 li:nth-child(odd) { color: red; } li:nth-child(even) { color: white; }

回答 2 投票 0

递归查找每行的父级和子级

我有一个包含 client_id 和parent_clientid 的表。每个客户端都可以是父级,并且可以包含多个子级。我想知道,对于每一行,如何获取关联的父级和子级...

回答 1 投票 0

每个使用View Binding的绑定类都有一个父类吗?

我正在使用 ViewBinding,我正在尝试减少创建 Fragment 的代码,该 Fragment 是一个抽象类并包含以下代码: 抽象类 MyFragment : Fragment() { 私人变量

回答 2 投票 0

使用缩进选项取消 <select> 标签的缩进

我有一棵树,作为嵌套字典实现,我需要想出一种方法让用户选择两个节点,其中一个必须是另一个的后代。 一个简单的下拉菜单可能会

回答 1 投票 0

在分层数据中创建腿列

我正在尝试在 Select 语句中添加一列,该列可以将腿号分配给我拥有的三个腿。支线编号始终在 1 级分配,无特定顺序。 注:我的实际数据是

回答 1 投票 0

基于父类的不同 jQuery 函数

我有一个开关,可以将父类更改为 div,并且基于该父类,该父类内的链接会执行不同的操作。我把它写得像 CSS 一样:D // 如果父级是 .major,则执行此操作...

回答 1 投票 0

Blazor 和 EventCallback,都是在父组件中更新数据和运行代码?

我在 Blazor 中有一个父组件和一个子组件。有没有一种更简单的方法可以在父子之间绑定值,并且如果绑定值发生更改,也可以在父级中运行代码? 我有这个代码 家长: @page&qu...

回答 1 投票 0

如何高效实现子级继承父级属性的父子关系

我会尽力简化,但是,如果您需要更多信息,请告诉我。 我正在使用 Rails 4 和 PostgreSQL 编辑: 使用 PSQL 9.3 数据集不会经常更改,并且......

回答 1 投票 0

JPA:双向关联和孤儿移除 - 需要从双方(父级和子级)移除关联?

所以这个问题似乎没有官方答案。至少我找不到一个。 情况:如果我有一个双向一对多关联,并且我希望 orphanRemoval=true 采取行动...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.