Yleiskatsaus:
(PÄIVITYS 12/04/07: Toinen mielenkiintoinen voimavara lisätä toinen blogi, joka käsittelee tätä kautta erittäin mielenkiintoinen web-osan yhdistäminen)
Tämän blogimerkinnän kuvataan pylväskaavion luominen SharePoint. Tämä toimii WSS ja SAMMAL ympäristöissä kuin se vain riippuu tietonäkymä-web-osa.
Yleinen lähestymistapa on seuraava:
- Luo luettelo tai Kirjasto, joka sisältää kaavion tiedot.
- Paikka liittyvä tiedostokirjasto / mukautetun luettelon sivulle ja muuntaa sen tietonäkymän web-osa (DVWP).
- Muokkaa DVWP XSL HTML-koodia, joka näyttää kaaviona.
Business skenaario / Asennus:
Olen luonut mukautetun luettelon standardin asema-sarakkeen ja yhden ylimääräisen sarakkeen, "Tila". Tätä mallia (hyvin yksinkertaistetusti) "lupa kustannuksella" skenaario, jossa otsikko tarkoittaa hankkeen ja tilan arvo luettelosta:
- Ehdotettu
- Prosessissa
- Pysähtynyt
Tavoitteena on tuottaa interaktiivinen vaaka pylväsdiagrammi, joka osoittaa nämä tilan koodit.
On asuttu luettelossa, ja se näyttää tältä:
Luoda tietonäkymä-Web-osa:
Luoda DVWP lisäämällä mukautetun luettelon sivulle (sivuston sivulla minun tapauksessani) ja seuraa ohjeita Täällä (http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!395.entry).
Lisäksi yksinkertaisesti perustamalla DVWP, Tarvitsemme myös kaikki saatavilla rivit henkilöhaku-ominaisuusikkunan. Minulle, Tämä näyttää tältä:
Tässä vaiheessa, Aina lähellä SPD ja selain. Olen uudelleen avaa sivu selaimella. Näin vältetään vahingossa sotkee web-osan asettelu sivulla.
Muokkaa XSLT:
Nyt on aika muuttaa XSLT.
Käytän aina visual studio tähän. (Ks. Täällä tärkeä huomautus jokseenkin intellisense, jotka auttavat sinua paljon).
Luo tyhjä projekti lisätä neljä uusia tiedostoja (ilmaisun "alkuperäinen" ja "New" tarvittaessa):
- Original.XSLT
- New.XSLT
- Alkuperäinen Params.xml
- Uusi Params.xml
Minun tapauksessani, se näyttää tältä:
Muokkaa web-osaa ja kopioida params ja XSL "alkuperäinen" versio Visual Studiossa.
Tavoitteena on aiheuttaa XSL tuloksia saamme takaisin DVWP kyselystä HTML-tiedostoksi, joka tekee kaaviona.
Tätä varten, se auttaa ensin miettiä, mitä HTML pitäisi näyttää ennen saada hämmentävät insanity, jota kutsutaan "XSL". (Ollakseni selkeä, Seuraavassa on vain esimerkki; Älä kirjoita tai kopioi/liitä visual studiossa. Annan täyden iskun lähtökohta joka myöhemmällä kirjoittaa ylös). Seuraavassa näyte kuviossa muodostetaan kohti heti HTML:
Vastaava HTML:
<HTML> <kehon> <Center> <taulukko leveys = 80 %> <TR><TD><Center>Vaakasuora palkki kaavio</TD></TR> <TR> <TD align = "center"> <taulukon reunan = "1" leveys = 80 %> <TR> <TD leveys = 10 %>Avoinna</TD> <TD><taulukon cellpadding ="0" CellSpacing-arvon ="0" border = 0 width = 50 %><TR bgcolor = punainen><TD> </TD></TR></taulukko></TD> </TR> <TR> <TD leveys = 10 %>Suljettu</TD> <TD><taulukon cellpadding ="0" CellSpacing-arvon ="0" border = 0 width = 25 %><TR bgcolor = punainen><TD> </TD></TR></taulukko></TD> </TR> <TR> <TD leveys = 10 %>Pysähtynyt</TD> <TD><taulukon cellpadding ="0" CellSpacing-arvon ="0" border = 0 width = 25 %><TR bgcolor = punainen><TD> </TD></TR></taulukko></TD> </TR> </taulukko> </TD> </TR> </taulukko> </kehon> </HTML> |
Käytin kuollut yksinkertainen tapa luoda minun baareja asettamalla taustavärin rivi "red".
Take-away täällä on: Lopulta, Me on luoda HTML rivejä ja sarakkeita.
XSLT-mallin:
Olen kopioinut XSLT, joka luo vaaka pylväskaavio. Se on melko hyvin kommentoineet niin ei lisätä paljon lukuun ottamatta nämä muistiinpanot:
- Aloitin oletusarvoista xsl: ää, SharePoint Designer antoi minulle, kun olen luonut DVWP.
- Minulla oli mahdollisuus kaataa tämä SPD: n 657 rivit 166 rivit.
- Ei pelleillä parametrit XML-tiedosto (joka on erillään XSL ja tiedät mitä tarkoitan, kun menet muokata DVWP, itse; on kaksi tiedostoa, voit muokata). Kuitenkin, asian yksinkertaistamiseksi, Lähes kaikki heistä poistaminen XSL. Jos haluat käyttää parametreista, sinun tarvitsee vain lisätä muuttujien määritykset takaisin XSL. Se on helppoa, koska sinulla on alkuperäinen XSL muuttujien määritykset visual studio-projektiin.
- Sinun pitäisi pystyä kopioi ja liitä tämä suoraan visual studio-projektiin. Sitten, Poista puheluni ja aseta puhelut ja "ShowBar".
- Toimii luomalla porautuminen <href> Näin: http://server/List?FilterField1=fieldname&FilterValue1=actualFilterValue. Tämä tekniikka voi olla hyötyä muissa yhteyksissä. Aluksi, Ajattelin, että minun täytyisi noudattaa monimutkaisempi muoto: http://server/List/AllItems.aspx?View={guid}&FilterField1=blah&FilterValue1=blah, mutta minun ympäristössä ei ole välttämätön. Luettelon URL-osoite on siirtynyt meille SharePoint joten tämä on melko helppo yleistää.
Tässä se on:
<XSL:Stylesheet versio="1.0" Jätä pois-tulos-etuliitteet="RS z o s ddwrt dt msxsl" |
Tulokset:
XSL ylhäältä Luo tämä kaavio:
Poraa tietoja klikkaamalla tilakoodi:
Päätelmänne?:
Pidäkin tätä?
Rakastan graafinen käsite, mutta vihaan sitä, että minun täytyy mennä ja tehdä niin paljon käsi-koodaus. Olen antanut ajattelematta onko pidäkin ja olen optimistinen, mutta olen myös hieman peloissaan, että voi olla seinään jossain tiellä, joka ei tarjoa mitään työ-ympäristössä. Jos jollakulla on hyviä ideoita tämän, Merkitse muistiin kommentteja tai email we.
Pystysuora kaaviot:
Tämä on horisontaalinen pylväskaavio. Se on varmasti mahdollista luoda pystysuoran kaavio. Meidän täytyy vain muuttaa HTML-koodia. Haluaisin aloittaa samalla tavalla: Luo HTML-edustus pystysuora pylväskaavio ja sitten selvittää, miten tästä kautta XSL. Jos joku on kiinnostunut, että, Voi olla suostutella kokeilla sitä ja poistaa kireyttä. Jos joku on jo tehnyt niin, kerro siitä minulle, ja linkin mielelläni blogiisi 🙂
Haaste pystysuoran kaavio on kaavion otsikot ovat vaikeampi hallita, mutta ei varmaankaan mahdotonta.
Kentän nimi Gotcha:
Ainakin kaksi asiaa kannattaa varoa kanssa kenttien nimet.
Ensimmäinen, kenttänimen välilyönnillä on ohitettava XSL. Tämä on todennäköisesti kysymys:
<XSL:muuttuja Nimi="totalProposed"
Valitse="määrä(/dsQueryResponse/rivi/rivi[normalisoi tila(@Status) = "Ehdotettu"])" />
Jos "-tila" sarakkeen nimi on itse asiassa "tilakoodi" sinun täytyy viitata "Status_x0020_Code":
<XSL:muuttuja Nimi="totalProposed"
Valitse="määrä(/dsQueryResponse/rivi/rivi[normalisoi tila(@Status_x0020_Code) = "Ehdotettu"])" />Toinen, ja olen hieman fuzzy tästä, mutta sinun täytyy olla varuillaan kentän nimi muuttuu. Jos nimeät kentän "tilakoodi" ja sitten myöhemmin, sen nimeksi "AFE tila", "sisäinen nimi" ei muuta. Sisäinen nimi voi silti "tilakoodi" ja on viittaus "Status_x0020_Code". "Muut varat" linkit voivat auttaa diagnosoimaan ja korjaamaan tällaiset ongelmat.
Siitä, että väri:
Otin "punainen" koska se on miellyttää minua tällä hetkellä. Ei olisi iso juttu näyttää eri värejä niin, että enemmän kuin vain visuaalinen kuvaus useita, mutta myös hyödyllisiä KPI. Esimerkiksi, Jos prosenttiosuus "pysähtynyt" AFE ystävät on > 10% sitten näyttää punainen, muuten näyttää musta. Käyttö <XSL:Valitse> Tämä.
Muita resursseja:
- Sisäisen nimen määrittäminen (ja muuta hyvää infoa) luettelon tiedot: http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!134.entry
- Näytä SharePointin tiedot (raa'an XML): http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!190.entry
- Saat tietyn sarakkeen XPATH-lauseke: http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!155.entry
- Toinen lähestymistapa OWAa(?). Eivät ole kaivanut sitä, mutta näyttää lupaavalta, erikoisen ajaksi ympyräkaavio: http://www.waka.dk/Blog/PermaLink,guid,e2532e71-d774-4ac9-8f25-883964b830f4.aspx
Onnellinen transforming!
<Lopeta />