diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:52 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:52 -0500 |
commit | 074785cea106179cb3305637055ab0a009ca74f2 (patch) | |
tree | e6ae371cccd642aa2b67f39752a2cdf1fd4eb040 /files/pl/mozilla/tech/xul/treecol/index.html | |
parent | da78a9e329e272dedb2400b79a3bdeebff387d47 (diff) | |
download | translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.gz translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.bz2 translated-content-074785cea106179cb3305637055ab0a009ca74f2.zip |
initial commit
Diffstat (limited to 'files/pl/mozilla/tech/xul/treecol/index.html')
-rw-r--r-- | files/pl/mozilla/tech/xul/treecol/index.html | 249 |
1 files changed, 249 insertions, 0 deletions
diff --git a/files/pl/mozilla/tech/xul/treecol/index.html b/files/pl/mozilla/tech/xul/treecol/index.html new file mode 100644 index 0000000000..dc160bce75 --- /dev/null +++ b/files/pl/mozilla/tech/xul/treecol/index.html @@ -0,0 +1,249 @@ +--- +title: treecol +slug: Mozilla/Tech/XUL/treecol +tags: + - Dokumentacja_XUL + - Elementy_XUL +translation_of: Archive/Mozilla/XUL/treecol +--- +<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> + « <a href="/pl/docs/Dokumentacja_XUL">Dokumentacja XUL</a> [ + <a href="#Przyk.C5.82ady">Przykłady</a> | + <a href="#Atrybuty">Atrybuty</a> | + <a href="#W.C5.82asno.C5.9Bci">Własności</a> | + <a href="#Metody">Metody</a> | + <a href="#Podobne">Podobne</a> ] +</span></div> <p>Kolumna drzewa (<code><a href="/pl/docs/Mozilla/Tech/XUL/tree" title="tree">tree</a></code>). Wyświetla kolumnę nagłówka i utrzymuje rozmiar oraz inne informacje o kolumnie. Możemy także umieścić element <code><a href="/pl/docs/Mozilla/Tech/XUL/splitter" title="splitter">splitter</a></code> pomiędzy kolumnami, aby pozwolić na zmianę rozmiaru kolumny. Zawsze powinniśmy umieszczać atrybut <code id="a-id"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/id">id</a></code> w elemencie <code>treecol</code> do zapewnienia, że pozycjonowanie kolumny jest własnością utrzymywaną. +</p><p>Dodatkowe informacje są dostępne w <a href="pl/Kurs_XUL/Drzewa">kursie XUL</a>. +</p> +<dl><dt> Atrybuty +</dt><dd> <a href="#a-crop">crop</a>, <a href="#a-cycler">cycler</a>, <a href="#a-dragging">dragging</a>, <a href="#a-fixed">fixed</a>, <a href="#a-hidden">hidden</a>, <a href="#a-hideheader">hideheader</a>, <a href="#a-ignorecolumnpicker">ignorecolumnpicker</a>, <a href="#a-label">label</a>, <a href="#a-primary">primary</a>, <a href="#a-sort">sort</a>, <a href="#a-sortActive">sortActive</a>, <a href="#a-sortDirection">sortDirection</a>, <a href="#a-treecol.src">src</a>, <a href="#a-treecol.type">type</a> +</dd></dl> +<dl><dt> Własności +</dt><dd> <a href="#p-accessible">accessible</a> +</dd></dl> +<dl><dt> Klasy stylów +</dt><dd> <a href="#s-treecol-image">treecol-image</a> +</dd></dl> +<h3 id="Przyk.C5.82ady" name="Przyk.C5.82ady"> Przykłady </h3> +<div class="float-right"><img alt="Grafika:Xul_tree_col_checked.png"></div> +<p>Ten przykład pokazuje nam pole wyboru w pierwszej kolumnie, żądając poniżej stylu. </p> +<pre><tree flex="1"> + + <treecols> + <treecol label="Active" type="checkbox" editable="true"/> + <treecol label="Name" flex="1" /> + </treecols> + + <treechildren> + <treeitem> + <treerow> + <treecell value="true"/> + <treecell label="Alice"/> + </treerow> + </treeitem> + <treeitem> + <treerow> + <treecell value="false"/> + <treecell label="Bob"/> + </treerow> + </treeitem> + </treechildren> + +</tree> +</pre> +<p>Aby zrobić widoczne pole wyboru, potrzebujemy dodać następujący styl do arkusza stylów (zobacz <a href="pl/XUL/Atrybut/treecol.type">treecol.type</a>). +</p> +<pre>treechildren::-moz-tree-checkbox(checked){ + /* css dla zaznaczonej komórki*/ + list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); +} +</pre> +<h3 id="Atrybuty" name="Atrybuty"> Atrybuty </h3> +<p> +</p><div id="a-crop"> + +<dl><dt> <code id="a-crop"><a href="http://api/pl/docs/Mozilla/Tech/XUL/Atrybut/crop">crop</a></code> +</dt><dd> Typ: <i>jedna z poniższych wartości</i> +</dd><dd> Jeśli etykieta elementu jest zbyt duża by zmieścić się w danym miejscu, to jej tekst zostanie skrócony po stronie określonej przy pomocy atrybutu <code>crop</code>. Wycięty fragment tekstu zostanie zastąpiony wielokropkiem. Jeśli kierunek pudełka jest określony w lewą stronę, to skrócenie tekstu nastąpi w tym samym kierunku (czyli z lewej strony): +</dd></dl> +<ul><li> <code>start</code>: Tekst będzie skrócony z lewej strony. +</li><li> <code>end</code>: Tekst będzie skrócony z prawej strony. +</li><li> <code>left</code>: <span title="This deprecated API should no longer be used, but will probably still work."><i class="icon-thumbs-down-alt"> </i></span> Tekst będzie skrócony z lewej strony. +</li><li> <code>right</code>: <span title="This deprecated API should no longer be used, but will probably still work."><i class="icon-thumbs-down-alt"> </i></span> Tekst będzie skrócony z prawej strony. +</li><li> <code>center</code>: Tekst będzie skrócony w środku, pokazując oba końce: początek i koniec normalnego tekstu. </li><li> <code>none</code>: Tekst nie będzie skrócony przy zastosowaniu wielokropka. Jednakże, tekst skrócony zostanie po prostu obcięty, jeśli będzie za duży. Strona skrócenia owego tekstu zależy od rozmieszczenia tekstu określonego w arkuszu stylów CSS. +</li></ul> +<pre class="eval"> menupopup > menuitem, menupopup > menu { max-width: none; } +</pre> +<p><br> +</p><p><br> +</p> + + +</div> +<div id="a-cycler"> + +</div> +<div id="a-dragging"> + +<dl><dt> <code id="a-dragging"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/dragging">dragging</a></code> +</dt><dd> Typ: <i>boolean</i> +</dd><dd> Ten atrybut będzie ustawiony na <code>true</code>, jeśli kolumna będzie przesuwana. Ten atrybut jest ustawiony automatycznie, więc nie powinniśmy go przestawiać ręcznie. +</dd></dl> +<p><br> +</p> + + +</div> +<div id="a-fixed"> + +</div> +<div id="a-hidden"> + +<dl><dt> <code id="a-hidden"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/hidden">hidden</a></code> +</dt><dd> Typ: <i>boolean</i> +</dd><dd> Jeśli jest ustawiony na <code>true</code>, element jest nie wyświetlane. Jest to podobne do ustawienia wyświetlania własności CSS na <code>none</code>. +</dd></dl> +<p><br> +</p> + + +</div> +<div id="a-hideheader"> + +<dl><dt> <code id="a-hideheader"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/hideheader">hideheader</a></code> +</dt><dd> Typ: <i>boolean</i> +</dd><dd> Ustaw atrybut na <code>true</code>, aby wskazać, który nagłówek <a href="pl/XUL/treecol">kolumny drzewa</a> powinien być wyświetlony bez stylu nagłówka kolumny. +</dd></dl> +<p><br> +</p> + + +</div> +<div id="a-ignorecolumnpicker"> + +<dl><dt> <code id="a-ignoreincolumnpicker"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/ignoreincolumnpicker">ignoreincolumnpicker</a></code> +</dt><dd> Typ: <i>boolean</i> +</dd><dd> Jeśli <code>true</code>, kolumna nie zostanie wyświetlona w zbiorze kolumn. </dd></dl> +<p><br> +</p> + + +</div> +<div id="a-label"> + +<dl><dt> <code id="a-label"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/label">label</a></code> +</dt><dd> Typ: <i>string</i> +</dd><dd> Etykieta, która zostanie wyświetlona na elemencie. Jeśli zostanie on usunięty, to żaden tekst nie zostanie wyświetlony. </dd></dl> + + +</div> +<div id="a-primary"> + +</div> +<div id="a-sort"> + +</div> +<div id="a-sortActive"> + +<dl> + <dt> + <code id="a-sortActive"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/sortActive">sortActive</a></code></dt> + <dd> + Typ: + <i> + boolean</i> + </dd> + <dd> + Powinien być ustawiony na <code>true</code>, dla kolumn, które powinny być domyślnie sortowane.</dd> +</dl> +</div> +<div id="a-sortDirection"> + +<dl> + <dt> + <code id="a-sortDirection"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/sortDirection">sortDirection</a></code></dt> + <dd> + Typ: + <i> + jedna z wartości poniżej</i> + </dd> + <dd> + Ustaw ten atrybut na ustawienie kierunku, w którym zawartość szablonów została wygenerowana i posortowana. Zastosuj atrybut <code id="a-sortResource"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/sortResource">sortResource</a></code>, aby określić klucz sortowania.</dd> +</dl> +<ul> + <li><code>ascending</code>: Dane są sortowane w kolejności rosnącej.</li> + <li><code>descending</code>: Dane są sortowane w kolejności malejącej.</li> + <li><code>natural</code>: Dane są sortowane w zwyczajny sposób, co oznacza porządek w tych, co zostały w magazynie.</li> +</ul> +</div> +<div id="a-treecol.src"> + +<dl><dt> <a href="pl/XUL/Atrybut/treecol.src">src</a> +</dt><dd> Typ: <i>adres URL obrazka</i> +</dd><dd> Ustaw ten atrybut aby posiadać element obrazka w nagłówku <code><a href="/pl/docs/Mozilla/Tech/XUL/treecol" title="treecol">treecol</a></code> zamiast etykiety (<code id="a-label"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/label">label</a></code>). Ustaw adres URL obrazka, który zostanie wyświetlony w nagłówku kolumny drzewa. Jeśli ten atrybut zostanie opuszczony, to nie pojawi się żaden obrazek i zamiast niego użyta zostanie etykieta. Klasa <code><a href="https://developer.mozilla.org/pl/docs/XUL/Styl/treecol-image">treecol-image</a></code> musi być zastosowana na elemencie <code><a href="/pl/docs/Mozilla/Tech/XUL/treecol" title="treecol">treecol</a></code> dla obrazka do wyświetlenia. Nie możemy mieć obu (obrazka i etykiety) pokazanych w jednym momencie. +</dd></dl> + + +</div> +<div id="a-treecol.type"> + +<dl> + <dt> + <a href="pl/XUL/Atrybut/treecol.type">type</a></dt> + <dd> + Typ: + <i> + jedna z wartości poniżej</i> + </dd> + <dd> + Typ <a href="pl/XUL/treecol">kolumny drzewa</a>. Domyślnie jest to kolumna tekstowa, która wyświetla zawartość jako tekst.</dd> +</dl> +<ul> + <li><code>checkbox</code>: Zawartość kolumny jest polem wyboru.</li> + <li><code>progressmeter</code>: Zawartością kolumny są paski postępu. Używany jest w Mozilli jako okno menedżera pobierania.</li> + <li><code>text</code>: Zawartością kolumn jest tekst.</li> +</ul> + +<p> </p> +</div> +<p></p> +<h3 id="W.C5.82asno.C5.9Bci" name="W.C5.82asno.C5.9Bci"> Własności </h3> +<p></p><div id="p-accessible"> +<dl> + <dt> + <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/W%C5%82asno%C5%9B%C4%87/accessible">accessible</a></span></code></dt> + <dd> + Typ: + <i> + <a href="pl/NsIAccessible">nsIAccessible</a></i> + </dd> + <dd> + Zwraca obiekt dostępności dla elementu.</dd> +</dl></div> +<table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Dziedziczy z elementu XUL</strong><br> <small> <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/pl/docs/XUL/Własność/width">width</a></span></code></small></p> </td> </tr> </tbody> +</table> +<p></p> +<h3 id="Metody" name="Metody"> Metody </h3> +<p></p><table style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> <tbody> <tr> <td> <p><strong>Dziedziczy z elementu XUL</strong><br> <small> <span id="m-blur"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Metoda/getElementsByAttribute">getElementsByAttribute</a></code></span></small></p> <p><strong>Dziedziczy z elementu DOM</strong><br> <small> <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.appendChild">appendChild()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.insertBefore">insertBefore()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.isSupported">isSupported()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/pl/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code></small></p> </td> </tr> </tbody> +</table> +<p></p> +<h3 id="Klasy_styl.C3.B3w" name="Klasy_styl.C3.B3w"> Klasy stylów </h3> +<p>Następujące klasy możemy zastosować do nadania stylu temu elementowi. Należy korzystać z tych klas zamiast nadawać styl bezpośrednio w danym elemencie - dzięki temu będą bardziej pasować do motywu wybranego przez użytkownika. +</p><p></p><dl><dt> <code><a href="https://developer.mozilla.org/pl/docs/XUL/Styl/treecol-image">treecol-image</a></code> +</dt><dd> Zastosuj tą klasę do posiadania obrazka, który pojawi się w nagłówku <a href="pl/XUL/treecol">kolumny drzewa</a>. Określ obrazek stosując atrybut <code><code id="a-src"><a href="https://developer.mozilla.org/pl/docs/Mozilla/Tech/XUL/Atrybut/src">src</a></code></code>. +</dd></dl> +<p><br> +</p><p><br> +</p> +<p></p> +<h3 id="Podobne" name="Podobne"> Podobne </h3> +<dl><dt> Elementy +</dt><dd> <a href="pl/XUL/tree">tree</a>, <a href="pl/XUL/treecols">treecols</a>, <a href="pl/XUL/treechildren">treechildren</a>, <a href="pl/XUL/treeitem">treeitem</a>, <a href="pl/XUL/treerow">treerow</a>, <a href="pl/XUL/treecell">treecell</a> i <a href="pl/XUL/treeseparator">treeseparator</a>. +</dd><dt> Interfejsy +</dt><dd> <a href="pl/NsIAccessibleProvider">nsIAccessibleProvider</a> +</dd></dl> +<p><br> +</p> +<div class="noinclude"> +</div> |