Ülevaade:
(VÄRSKENDUS 12/04/07: Lisatud veel üks huvitav ressurss linkimiseks teise blogi, mis on suunatud väga huvitav veebiosa kaudu otsas)
See blogi kirjeldatakse loomist tulpdiagrammil SharePointis. See toimib WSS ja SAMBLA keskkondades, kui see sõltub ainult Andmevaate veebiosa.
On üldine lähenemisviis:
- Loo loend või teek, mis sisaldab graafikule kanda andmeid.
- Koht seostatud dokumenditeek / kohandatud lehele lisamiseks nimekirja ja muuta andmeid Loendivaate veebiosa (DVWP).
- Muuta ning DVWP XSL genereerida HTML, kus kuvatakse graafikuna.
Äri stsenaariumi / Seadistamine:
Olen loonud kohandatud loendi standardi pealkiri veeru ja ühe tulba, "Staatus". See mudelid (väga lihtsustatult) Kulu luba"" stsenaarium, kus pealkiri on projekti ja olek väärtus loendist:
- Kavandatud
- Protsessis
- Seiskunud
Eesmärk on toota interaktiivset horisontaalne Baar graafik, mis näitab nende olekukoodid.
On asustatud nimekirja ja näeb välja selline:
Andmevaate veebiosa loomine:
Luua ka DVWP, lisades kohandatud loendi leht (saidi lehe minu puhul) ja järgige Siin (http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!395.entry).
Lisaks lihtsalt luua ning DVWP, Samuti peame seada atribuudi kutsungi kõik saadaval ridade kuvamiseks. Minu jaoks, See näeb välja selline:
Sel hetkel, Ma alati lähedal ühtse Programmdokumendi ja brauseri. Ma siis uuesti avada brauseriga leht. See väldib kogemata mucking kuni lehe osa veebivaade.
Muuda XSLT:
Nüüd on aeg muuta XSLT.
Ma alati kasutada visual Studiot selle. (Vt Siin tähtis teade intellisense, mis aitab teil palju jaoks).
Ma luua tühja projekti nelja uusi faile (asendades sõnad "originaal" ja "uus" vastavalt vajadusele):
- Original.XSLT
- New.XSLT
- Algne Params.xml
- Uus Params.xml
Minu puhul, See näeb välja selline:
Selle veebiosa muutmine ja kopeerida params ja XSL algse"" versioon Visual Studio.
Siin on tekitada XSL muuta saame tagasi DVWP päringu graafikuna renderdamine HTML tulemuste.
Sel eesmärgil, See aitab esmalt kaaluda, enne kui me saa segaduses mida tuntakse "XSL" hullumeelsus, mida HTML peaks välja nägema. (Selge, Järgmine on lihtsalt näide; Ärge tippige see või copy/paste visual studio. Mul pakkuda täis puhuda, alustades punkti selle eest hiljem ka kirjutada üles). Proovi graafik renderdatakse nagu HTML, kohe pärast iga:
Vastava HTML:
<HTML> <keha> <keskus> <Tabel Laius ≥ 80%> <TR><TD><keskus>Horisontaalne tulpdiagramm</TD></TR> <TR> <TD joondada = "center"> <tabeli äärise = "1" laius = 80%> <TR> <TD laius = 10%>Avatud</TD> <TD><Tabel cellpadding ="0" cellspacing ="0" Border = 0 laius ≥ 50%><TR bgcolor = punane><TD> </TD></TR></Tabel></TD> </TR> <TR> <TD laius = 10%>Suletud</TD> <TD><Tabel cellpadding ="0" cellspacing ="0" Border = 0 width = 25%><TR bgcolor = punane><TD> </TD></TR></Tabel></TD> </TR> <TR> <TD laius = 10%>Seiskunud</TD> <TD><Tabel cellpadding ="0" cellspacing ="0" Border = 0 width = 25%><TR bgcolor = punane><TD> </TD></TR></Tabel></TD> </TR> </Tabel> </TD> </TR> </Tabel> </keha> </HTML> |
Ma kasutasin surnud lihtne lähenemine loomine minu baarid seadmisega järjest "punaseks" taustavärv.
Et Take-Away on see: Aasta lõpus, Kõik me teeme on luua HTML ridade ja veergudega.
Malli XSLT:
I kopeeritud XSLT, mis tekitab horisontaalse tulpdiagramm. See on üsna hästi kommenteerinud nii, et ma ei lisa palju siin välja arvatud need märkmed:
- Hakkasin vaike-XSL SharePoint Designeri andis mulle selle DVWP loomisel.
- Mul oli võimalus lõigata see alates ühtse Programmdokumendi 's 657 read 166 read.
- Ma ei jändama parameetrite XML faili (mis on eraldatud ka XSL ja sa tead mida ma mõtlen, kui soovite muuta DVWP, ise; on kaks faili, saate muuta). Aga, selleks, et lihtsustada, Ma tegin peaaegu kõik neist eemaldamine XSL-i. See tähendab, et kui sa tahad teha kõnealuste parameetrite kasutamine, peate oma muutuja määratluste XSL-i uuesti lisada. See lihtne kuna teil algne XSL muutuja määratluste visual studio projektis.
- Sa peaks olema võimalik kopeerida ja kleepida otse visual studio projekti. Seejärel, Eemaldage mu kõnesid ja sisestage oma kõned "ShowBar".
- Töid luues süvitsiminek on <a href> Nagu see: http://server/List?FilterField1=fieldname&FilterValue1=actualFilterValue. See meetod võib olla väärtuslik teistes kontekstides. Algul, Arvasin, et ma vajaks vasta keerulisem vormingule: http://server/List/AllItems.aspx?View={guid}&FilterField1=blah&FilterValue1=blah, Minu keskkond seda ei vaja. Listi URL on möödunud meile SharePoint, nii et see on üsna lihtne üldistada.
Siin on:
<XSL-i:laadileht versioon="1.0" välista-tulemus-eesliited="RS z o s ddwrt dt msxsl" |
Tulemused:
Ülevalt XSL tekitab see graafik:
Puurida pääsemiseks klikkides olekukood:
Sõlmida mõtted:
Saab seda üldistada?
Ma armastan seda Graafikavidinate kontseptsiooni, kuid ma vihkan fakti, et pean minna ja teha nii palju käsitsi kodeerimine. Ma olen andnud väike arvasin, et kas ta saab üldistada ja ma olen optimistlik, Aga ma olen ka natuke hirmus, et võib esineda telliskivisein kusagil mööda teed, mis ei paku mingit töö-around. Kui kellelgi on häid ideid selle, Palun pange tähele kommentaare või kirjuta mulle.
Vertikaalne graafikud:
See on horisontaalne tulpdiagramm. See on kindlasti võimalik luua vertikaalne graafik. Lihtsalt tuleb muuta HTML. Ma hakkaks samamoodi: Loo HTML esindatuse vertikaalne tulpdiagrammil ja seejärel mõtlema, kuidas saada, et via XSL. Kui keegi on huvitatud, et, Ma võiks veenda proovi ja kiiksud välja töötada. Kui keegi on juba teinud, et, palun andke mulle teada ja ma hea meelega link oma blogi 🙂
Ma arvan, et väljakutseks vertikaalne graafik on graafik etiketid on keerulisem, aga kindlasti mitte võimatu.
Väli nimi Sainpas su:
Vähemalt kahte asja tähele teie väljanimedega.
Esimese, välja nime välja ei pääsenud XSL-i. See tuleb ilmselt küsimus siin:
<XSL-i:muutuja Nimi="totalProposed"
Valige="Krahv(/dsQueryResponse/ridu/rida[normaliseerida ruumi(@Status) = "Ettepanek"])" />
Kui teie "olek" veeru nimi on tegelikult "olekukood" siis tuleb sellele viidata kui "Status_x0020_Code":
<XSL-i:muutuja Nimi="totalProposed"
Valige="Krahv(/dsQueryResponse/ridu/rida[normaliseerida ruumi(@Status_x0020_Code) = "Ettepanek"])" />Teine, ja ma olen natuke udune selles, aga pead ka olema ja teatise väärtus muutub. Kui panete oma valdkonnas "olekukood" ja siis hiljem, Nimetage see ümber "AFE olek", "sisemine nimi" ei muutu. Sisemine nimi on ikkagi "olekukood" ja peab viitama kui "Status_x0020_Code". "Muud vahendid" lingid võib aidata diagnoosida ja parandada selliste probleemide.
Umbes et värv:
Ma valisin "punased" sest see on mulle meeldiv hetkel. Ei ole suur asi näidata erinevaid värve nii, et ainult visuaalse kirjeldama mitu, vaid ka näha kasulik KPI. Näiteks, Kui protsent "seiskunud" AFE's on > 10% siis näitab punane, muidu Näita seda musta. Kasutamine <XSL-i:Valige> selle saavutamiseks.
Muud ressursid:
- Sisemine nimi (ja muu hea info) andmete loetelu: http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!134.entry
- Saate kuvada kõik andmed SharePointiga (töötlemata XML-faili): http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!190.entry
- Saada kindla veeru XPATH väljendamine: http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!155.entry
- Teise lähenemisviisi kasutades OWA(?). Mul on kaevatud sinna, kuid paljulubav, spetsiaalselt sektordiagrammide: http://www.waka.dk/Blog/PermaLink,guid,e2532e71-d774-4ac9-8f25-883964b830f4.aspx
Õnnelik ümberkujundamine!
<lõpp />
Selle lehe peaaegu lõpetatud otsin ülesanne.
Mul on rühm, mis tahab SharePointi uuringu loendi abil saate luua iganädalane küsitlus. Saak? Nad tahavad näha koodi… Või muuta süsteemi iga kord, kui nad saadavad küsitlus (planeeritud weekly update).
Mul oli võimalus ühendada selle uuringu loend ja looge graafik esimene vastus veeru. Ma ei saa ennustada küll on väärtused ja sildid, mida nad vajavad liigub edasi. Asja teeb halvemaks võivad nad enam-vähem vastused olemas iga nädal.
Ma vaatan mujal igaks juhuks, kuid keegi leidis viis luua ridu ja siltide põhineb off valikute ja dünaamiliselt peitmissätte seadmine, mitte raske kodeerimine oodatud väärtusega arv?
Tänu Paul. Väga kasulik. Tänu oma tööle, Mul oli võimalus graafik Baar veeru lisamine olemasolevale DVWP (näiteks. ülesanded) väga lihtsalt koos vaid paar rida koodi.
SharePoint Designeris, Ma lisada andmevaade pealkiri ja % täielik standardveerud tööülesannete loend. Kursori viimine ühe lahtrid ja paremklõps. Ma Vali Lisa veerg paremale. Koodi vaade, Ma leidsin selle <TD> ja asendas selle <XSL-i:oma koodiga lahtrisisese teksti element:
<Tabel cellpadding ="0" cellspacing ="0" Border ="0"
laius = "{ringi(@PercentComplete * 100)+1}%">
<TR style = "taustavärv:punane">
<XSL-i:teksti Keela-väljund-põgenedes = "jah"><![CDATA[ ]]></XSL-i:teksti>
</TR>
</Tabel>
Märkus ma muutunud järjest värvikood bgcolor = "punane" -style = "taustavärv:punane"
Ka, oli võimalik valida veergude minu nimekirja (@PercentComplete) "$BarPercent asemel"
Greg
Teine meetod (ainult SharePointi Kasutajaliidese abil):
http://pathtosharepoint.wordpress.com/2008/09/02/a-progress-bar-for-your-tasks-list/
http://pathtosharepoint.wordpress.com/2008/10/21/progress-bar-color-coding/
xmlns:__designer =http://schemas.microsoft.com/WebParts/v2/DataView/designer xmlns:ASP ="http://schemas.microsoft.com/ASPNET/20">
Valige = "krahv(/dsQueryResponse/ridu/rida[normaliseerida ruumi(@Status)= "LÕPETAMATA"])" />
http://www.microsoft.com/sharepoint/downloads/components/detail.asp?a1=701Ian Morrish postitanud mai 2006. Üritasin Moss 2007 ja see toimib hästi. Lisatud on valitsuste, pidin execadmsvcjobs ja iisreset…
Suur postitus, Tänud!
Suur postitus, Tänud!
Tere Paul!
Kena töö! Mul oli ka midagi sellist minu meelest vaadata SharePoint nimekirjad ka graafiliselt 😉
Mul on "kasutamine Verbi SharePoint’ küsimus. Oleme sõjaväehaiglas kasutades MOSS standard meie intraneti ja tahaks ehitada armatuurlauda meie Command Group näha "reaalajas’ võimaluse korral. Üks peamisi küsimusi on vaadata reaalajas praeguse töökoormuse rajatises ja sõna otseses mõttes vaadata seda muuta üles-alla (selle kuvamiseks arvatavasti klõpsama “Värskenda”/F5).
Tänan teid ette,
Saate teha midagi kasulikku koos jQuery täita sellekohane. Emaili mulle aadressil galvin.Paul@gmail.com ja mul on hea meel proovida ja anna käsi.