<blockquote><p>Cet article explique comment rechercher et filtrer des nœuds dans ComfyUI, une bibliothèque JavaScript pour créer des interfaces utilisateur. L'argument principal concerne l'utilisation des méthodes findNode() et filter() pour localiser des nœuds spécifiques ou les interroger en fonction de leur propre</p></blockquote>
<p><img src="https://img.php.cn/upload/article/202409/02/2024090217082589318.jpg" alt="comment rechercher des nœuds dans confortablesui" ></p>
<h2>Comment rechercher des nœuds dans confortableui </h2>
<p>Dans confortablesui, vous pouvez rechercher des nœuds en utilisant la méthode <code>findNode()</code>. Cette méthode prend une chaîne de requête comme paramètre et renvoie un tableau de nœuds qui correspondent à la requête.</p>
<p>La chaîne de requête peut être une chaîne simple ou une expression plus complexe qui utilise les opérateurs suivants :</p>
<ul>
<li>
<strong><code>=</code></strong> - Correspond aux nœuds qui ont une valeur de propriété spécifique.</li>
<li>
<strong><code>!=</code></strong> - Correspond aux nœuds qui n'ont pas de valeur de propriété. valeur de propriété spécifique.</li>
<li>
<strong><code>></code></strong> - Correspond aux nœuds qui ont une valeur de propriété supérieure à une valeur spécifique.</li>
<li>
<strong><code><</code></strong> - Correspondances nœuds qui ont une valeur de propriété inférieure à une valeur spécifique.</li><li><strong><code>>=</code></strong> - Correspond aux nœuds qui ont une valeur de propriété supérieure ou égale à une valeur spécifique.</li>
<li> <strong><code><=</code></strong> - Correspond aux nœuds qui ont une valeur de propriété inférieure ou égale à une valeur spécifique.</li><li><strong><code>&&</code></strong> - Correspond aux nœuds qui satisfont à la fois à deux ou plus de sous-requêtes.</li><li><strong><code>||</code></strong> - Correspond aux nœuds qui satisfont à l'une de deux ou plusieurs sous-requêtes.</li></ul><p>Par exemple, la requête suivante correspondrait à tous les nœuds qui avoir une propriété <code>name</code> avec une valeur de <code>"foo"</code> :</p><pre class="brush:php;toolbar:false"><code class="js">const nodes = comfy.findNode("name=foo");</code></pre><p>La requête suivante correspondrait à tous les nœuds qui ont une propriété <code>name</code> avec une valeur qui commence par <code>"foo"</code> :</p><pre class="brush:php;toolbar:false"><code class="js">const nodes = comfy.findNode("name^=foo");</code></pre><p>La requête suivante correspondrait à tous les nœuds qui ont une propriété <code>name</code> avec une valeur qui se termine par <code>"foo"</code> :</p><pre class="brush:php;toolbar:false"><code class="js">const nodes = comfy.findNode("name$=foo");</code></pre><p>La requête suivante correspondrait à tous les nœuds qui ont une propriété <code>name</code> avec une valeur qui contient <code>"foo"</code> :</p><pre class="brush:php;toolbar:false"><code class="js">const nodes = comfy.findNode("name*=foo");</code></pre><h2>Comment localiser des nœuds spécifiques dans une interface confortable ?</h2><p>Dans confortableui, vous pouvez localiser des nœuds spécifiques dans une interface en utilisant la méthode <code>getNodeById()</code>. Cette méthode prend un ID de nœud comme paramètre et renvoie le nœud correspondant.</p><p>Par exemple, le code suivant localiserait le nœud avec l'ID <code>"my-node"</code> :</p><pre class="brush:php;toolbar:false"><code class="js">const node = comfy.getNodeById("my-node");</code></pre><h2>Puis-je filtrer ou interroger des nœuds dans confortablesui en fonction de leurs propriétés ?</h2><p>Oui, vous pouvez filtrer ou interroger des nœuds dans confortableui en fonction de leurs propriétés en utilisant la méthode <code>filter()</code>. Cette méthode prend une chaîne de requête comme paramètre et renvoie un tableau de nœuds qui correspondent à la requête.</p><p>La chaîne de requête peut être une chaîne simple ou une expression plus complexe qui utilise les opérateurs suivants :</p><ul><li><strong><code>=</code></strong> - Correspond aux nœuds qui ont une valeur de propriété spécifique.</li><li><strong><code>!=</code></strong> - Correspond aux nœuds qui n'ont pas de valeur de propriété. valeur de propriété spécifique.</li><li><strong><code>></code></strong> - Correspond aux nœuds qui ont une valeur de propriété supérieure à une valeur spécifique.</li>
<li>
<strong><code><</code></strong> - Correspondances nœuds qui ont une valeur de propriété inférieure à une valeur spécifique.</li><li><strong><code>>=</code></strong> - Correspond aux nœuds qui ont une valeur de propriété supérieure ou égale à une valeur spécifique.</li>
<li> <strong><code><=</code></strong> - Correspond aux nœuds qui ont une valeur de propriété inférieure ou égale à une valeur spécifique.</li>
<li>
<strong><code>&&</code></strong> - Correspond aux nœuds qui satisfont à la fois à deux ou plus de sous-requêtes.</li>
<li>
<strong><code>||</code></strong> - Correspond aux nœuds qui satisfont à l'une de deux ou plusieurs sous-requêtes.</li>
</ul>
<p>Par exemple, la requête suivante filtrerait tous les nœuds qui avoir une propriété <code>name</code> avec une valeur de <code>"foo"</code>:</p>
<pre class="brush:php;toolbar:false"><code class="js">const nodes = comfy.filter("name=foo");</code></pre>
<p>La requête suivante filtrerait tous les nœuds qui ont une propriété <code>name</code> avec une valeur qui commence par <code>"foo"</code>:</p>
<pre class="brush:php;toolbar:false"><code class="js">const nodes = comfy.filter("name^=foo");</code></pre>
<p>La requête suivante filtrerait tous les nœuds qui ont une propriété <code>name</code> avec une valeur qui se termine par <code>"foo"</code> :</p>
<pre class="brush:php;toolbar:false"><code class="js">const nodes = comfy.filter("name$=foo");</code></pre>
<p>La requête suivante filtrerait tous les nœuds qui ont une propriété <code>name</code> avec une valeur qui contient <code>"foo"</code>:</p>
<pre class="brush:php;toolbar:false"><code class="js">const nodes = comfy.filter("name*=foo");</code></pre>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration:Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn