xul tree farbenie riadkov podla stplca

Rozšírenia a témy vzhľadu vyvíjané komunitou okolo Mozilla.sk
Zamknuté
dvh
návštevník
návštevník
Príspevky: 32
Dátum registrácie: 21. Apríla 2007, 19:31

xul tree farbenie riadkov podla stplca

Príspevok od užívateľa dvh » 30. Apríla 2008, 14:07

Da sa nejak spravit aby na xul stranke ktoru mam na webe (t.j. nie lokalne ani ako rozsirenie) bolo v tree mozne farbit riadky podla hodnoty v stlpci? Napr. v 1. stplci bude "red" tak cely stlpec bude cerveny. Skusal som customTreeView ale to mi vobec nezobrazi lebo hlasi security warning. Da sa to vobec?

Užívateľov profilový obrázok
Mazarik
Administrátor
Administrátor
Príspevky: 2706
Dátum registrácie: 29. Novembra 2005, 15:15
Bydlisko: Brno

Re: xul tree farbenie riadkov podla stplca

Príspevok od užívateľa Mazarik » 30. Apríla 2008, 15:13

Toto Vam nefunguje? http://developer.mozilla.org/en/docs/XU ... ing_a_Tree
Akeho typu mate strom? http://developer.mozilla.org/en/docs/XUL:tree Pokial to ma byt stranka nahravana zo servera, tak je to tzv. remote xul a tam platia podobne opravnenia ako pri html strankach. V tom pripade je dobre sa k tom ustavat ako k html stranke, takze mate vzdy "Content tree", ktoremu urcujete podla css farbicky jednotlivych uzlov.

dvh
návštevník
návštevník
Príspevky: 32
Dátum registrácie: 21. Apríla 2007, 19:31

Re: xul tree farbenie riadkov podla stplca

Príspevok od užívateľa dvh » 9. Mája 2008, 12:42

Tu je priklad. Bohuzial neviem ako to farbenie mam spravit, aj to treechildren::-moz-tree-row snad funguje na cely tree, ja potrebujem farbit jednotlive riadky roznou farbou, nie vsetky riadky. V tomto priklade by napr. prvy datovy riadok mal byt snad zeleny:

Kód: Vybrať všetko

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<window 
  id="tree" title="tree"
  xmlns:html="http://www.w3.org/1999/xhtml"
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<tree id="MyTree1" width="320" flex="1">
  <treecols>
    <treecol label="Name" flex="1"/>
    <treecol label="Size" flex="1"/>
  </treecols>
  <treechildren style="background: gray;">
    <treeitem style="background: red;">
      <treerow style="background: green;">
        <treecell label="Popcorn" style="background: blue;"/>
        <treecell label="Large"/>
      </treerow>
    </treeitem>
    <treeitem>
      <treerow>
        <treecell label="Root Beer"/>
        <treecell label="Small"/>
      </treerow>
    </treeitem>
  </treechildren>
</tree>

</window>

dvh
návštevník
návštevník
Príspevky: 32
Dátum registrácie: 21. Apríla 2007, 19:31

Re: xul tree farbenie riadkov podla stplca

Príspevok od užívateľa dvh » 9. Mája 2008, 15:43

tree.css:

Kód: Vybrať všetko

treechildren::-moz-tree-row(modry) {
  background: blue;
}

treechildren::-moz-tree-row(zeleny) {
  background: green;
}

treechildren::-moz-tree-row(ramcekovy) {
  border: 10px solid red;
}
tree.xul

Kód: Vybrať všetko

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="tree.css" type="text/css"?> 
<window 
  id="tree" title="tree"
  xmlns:html="http://www.w3.org/1999/xhtml"
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<tree id="MyTree1" width="320" flex="1">
  <treecols>
    <treecol label="Name" flex="1"/>
    <treecol label="Size" flex="1"/>
  </treecols>
  <treechildren style="treechildren::-moz-tree-row(odd).border: green 1px solid;">
    <treeitem>
      <treerow properties="modry">
        <treecell label="Popcorn"/>
        <treecell label="Large"/>
      </treerow>
    </treeitem>
    <treeitem>
      <treerow properties="zeleny">
        <treecell label="Root Beer"/>
        <treecell label="Small"/>
      </treerow>
    </treeitem>
    <treeitem>
      <treerow properties="ramcekovy modry">
        <treecell label="Foo"/>
        <treecell label="Bar"/>
      </treerow>
    </treeitem>
  </treechildren>
</tree>

</window>

Zamknuté