parent-child 相关问题

作为我工作流程的一部分，我收到 xml 文件，有时特定元素为空，这会导致系统出现问题，这是一个示例输入文件：作为我工作流程的一部分，我收到 xml 文件，有时特定元素为空，这会导致系统出现问题，这是一个示例输入文件： <?xml version="1.0" encoding="UTF-8"?> <CompositionPlaylist xmlns="http://www.xml.com/20040511#"> <Id>urn:uuid:129de837-6eed-40d4-a635-db58380dfd9e</Id> <AnnotationText>Title</AnnotationText> <IssueDate>2014-09-22T19:18:56.001+01:00</IssueDate> <Issuer>issuer</Issuer> <Creator>Creator Name</Creator> <ContentTitleText>Content Title</ContentTitleText> <ContentKind>feature</ContentKind> <ContentVersion> <Id>urn:uuid:e52a4259-ecad-4630-be51-cf13f95d8b82</Id> <LabelText>Title of the media</LabelText> </ContentVersion> <RatingList/> <ReelList> <Reel> <Id>urn:uuid:1b840b2b-7526-4597-ae2d-81994f8e9867</Id> <AnnotationText>FeG_r1_new</AnnotationText> <AssetList> <MainPicture> <Id>urn:uuid:e6ac03bd-65a5-4dab-bb24-682c6b5bf61a</Id> <EditRate>24 1</EditRate> <IntrinsicDuration>25965</IntrinsicDuration> <EntryPoint>0</EntryPoint> <Duration>25965</Duration> <Hash>3VTtxrGsVs1AsE4JXU12wdF/U0o=</Hash> <FrameRate>24 1</FrameRate> <ScreenAspectRatio>1.77</ScreenAspectRatio> </MainPicture> <MainSound> <Id>urn:uuid:1202f14c-13ce-4585-8a3f-fd489b6c6bac</Id> <EditRate>24 1</EditRate> <IntrinsicDuration>25990</IntrinsicDuration> <EntryPoint>0</EntryPoint> <Duration>25965</Duration> <Hash>cU4riXDJwfsQ9rL7tkd0c8nZgWw=</Hash> <Language>und</Language> </MainSound> </AssetList> </Reel> 有时元素“ContentVersion”是空的，如下所示： <ContentVersion> <LabelText/> </ContentVersion 用“虚拟”元素替换该元素就可以了，就像这样 <ContentVersion> <Id>urn:uuid:11111111-1111-1111-1111-111111111111</Id> <LabelText>DUMMY</LabelText> </ContentVersion> 采取的步骤尝试过 XSLT 转换，但找不到用 cild 替换完整元素的方法当您说 ContentVersion 不能为空时，我不确定您到底想要测试什么，但是例如，如果您的测试是它必须有一个非空 LabelText，那么您的 XSLT 转换就可以了 <xsl:template match="ContentVersion[not(LabelText) or LabelText = '']"> <ContentVersion> <Id>urn:uuid:11111111-1111-1111-1111-111111111111</Id> <LabelText>DUMMY</LabelText> </ContentVersion> </xsl:template> 如果您对“空”的定义不同，请根据您的口味调整谓词。

xslt filter element transform parent-child

回答 1 投票 0

理解 React JSX 中的父元素

如果已经有一个 div className 作为应用程序，为什么我需要员工片段？不是已经在单父元素下了吗返回（ <... 如果已经有一个 div className 作为应用程序，为什么我需要员工片段？不是已经在单父元素下了吗<div className="app"> return ( <div className="app"> { showEMployees ? <> <Employee /> <Employee /> <Employee /> </> : <p> YO YOU CANT ACCESS IT BRO</p> } </div> ); 我尝试删除 div classname 应用程序，但它说它仍然需要父元素。我删除了该片段，它也说了同样的事情。从技术上讲：因为底层 JavaScript 中没有语法元素可以容纳三个相邻元素。 /* @jsx r */ <div> {showEMployees ? ( <> <Employee /> <Employee /> <Employee /> </> ) : ( <p> YO YOU CANT ACCESS IT BRO</p> )} </div> 编译为 r( "div", null, showEMployees ? r( React.Fragment, null, r(Employee, null), r(Employee, null), r(Employee, null), ) : r("p", null, " YO YOU CANT ACCESS IT BRO"), ); 看到React.Fragment元素是如何注入来容纳孩子的吗？（当通过 React 渲染为 HTML 元素时，该片段“消失”。）如果您没有使用片段，它会编译为 (r(Employee, null), r(Employee, null), r(Employee, null)) 这只是逗号运算符，最终你只会得到一个 Employee 元素。您也不应该将数组用于静态数量的元素。您收到的错误消息是因为 JSX 要求有一个父元素包装组件内的所有元素。因此，即使您删除了片段 (<> ... )，您仍然应该有一个包含组件内所有元素的父元素。在您的情况下，如果您想保留“app”类作为父元素，您应该避免删除它。但是，您可以消除片段并使用另一个元素作为容器。例如： return ( <div className="app"> {showEmployees ? ( <div> <Employee /> <Employee /> <Employee /> </div> ) : ( <p>YO YOU CAN'T ACCESS IT BRO</p> )} </div> ); 这样，您就有一个父元素（带有“app”类），其中包含 showEmployees 为 true 时的元素和 showEmployees 为 false 时的段落。如果您希望员工元素直接嵌套在“app”类的 div 中，则需要将“app”div 保留为直接父级。但是，由于 JSX 需要 JSX 元素有一个父元素，因此您可以使用不同的方法，使用元素数组而不是片段。 return ( <div className="app"> {showEmployees ? [ <Employee key={1} />, <Employee key={2} />, <Employee key={3} />, ] : <p>YO YOU CAN'T ACCESS IT BRO</p> } </div> ); 我希望这可以帮助你

javascript html reactjs parent-child

回答 3 投票 0

如何连接Freeplane父节点中所有子节点的匹配属性？

Freeplane 文件是 XML，它们显然使用 groovy 脚本，但我无法弄清楚如何使用父节点中的公式返回属性（作为文本字符串）。主要帮助页面在这里：http...

xml xpath attributes parent-child freeplane

回答 1 投票 0

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

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

python function class parent-child

回答 1 投票 0

qt 连接 cids 按钮

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

qt parent-child

回答 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(); 我们可以调用整个组件而不是调用组件中的方法吗？

javascript salesforce parent-child multi-select lwc

回答 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]  <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)) }

javascript angular typescript parent-child card

回答 1 投票 0

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

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

html jquery dom dynamic parent-child

回答 1 投票 0

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

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

python inheritance parent-child method-resolution-order

回答 1 投票 0

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

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

vue.js methods components parent-child parent

回答 2 投票 0

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

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

python pandas database parent-child hierarchy

回答 1 投票 0

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

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

sas parent-child

回答 1 投票 0

有条件遍历

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

javascript parent-child traversal

回答 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>

javascript parent-child

回答 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; }

css parent-child css-selectors

回答 2 投票 0

parent-child 相关问题

最新问题