Apžvalga:
(NAUJINIMAS 12/04/07: Pridėti kitas įdomus šaltinis susieti į vieną dienoraštį, kad adresą tai per labai įdomus puslapio dalies pabaigoje)
Šio dienoraščio įrašas aprašoma, kaip sukurti histogramoje SharePoint. Tai veikia WSS ir samanų aplinkoje, kaip jį tik priklauso nuo duomenų rodinio puslapio dalis.
Bendras požiūris yra toks:
- Sukurti sąrašą arba dokumentų biblioteką, kurioje duomenis norite į diagramą.
- Vieta susijusių dokumentų biblioteką / pasirinktinio sąrašo į puslapį ir konvertuoti jį į duomenų rodinio puslapio dalis (DVWP).
- Pakeisti į DVWP XSL generuoti HTML, kuri parodo kaip grafiką.
Verslo scenarijus / Sąranka:
Aš sukūriau pasirinktinį sąrašą su standarto pavadinimas stulpelį ir vieną papildomą stulpelį, "Statusas". Šis modeliai (labai gerokai) Išlaidų leidimas"" scenarijų kai pavadinimas atstovauja projekto ir statuso vertę iš sąrašo:
- Pasiūlė
- Procese
- Įstrigo
Tikslas yra teikti interaktyvios horizontalios juostos grafa, kuri rodo šie būsenos kodai.
Aš jau gyvena sąraše ir jis atrodo taip:
Sukurti duomenų rodinio puslapio dalis:
Kurti su DVWP pridedant pasirinktinį sąrašą į puslapį (svetainės puslapyje mano atveju) ir vykdykite čia (http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!395.entry).
Be to, tiesiog kuriant į DVWP, mums taip pat reikia nustatyti ypatybę perkrauties parodyti visų laisvų eilučių. Man, tai atrodo maždaug taip:
Šiuo metu, Aš visada uždaryti BPD ir naršyklės. Aš tada iš naujo Atidarykite puslapį naudojant naršyklę. Taip išvengiama netyčia mucking iki žiniatinklio dalies išdėstymo puslapyje.
Modifikuoti XSLT:
Dabar atėjo laikas pakeisti XSLT.
Aš visada naudoti visual studio tai. (Žr. čia svarbi pastaba apie intellisense, kurie padės jums daug).
Sukurti tuščią projektą įtraukti keturi nauji failai (pakeisti žodžiai "originali" ir "New" atitinkamai):
- Original.XSLT
- New.XSLT
- Originalus Params.xml
- Naujas Params.xml
Mano atveju, atrodo, kad tai:
Keisti puslapio dalį ir kopijuoti parametrus ir XSL "pradinėje" Visual Studio versija.
Čia siekiama sukelti XSL rezultatais mes grįžti iš DVWP užklausos į HTML, kad tampa kaip grafiką.
Šiuo tikslu, ji padeda pirma nuomone kas HTML turėtų atrodyti prieš mes susipainioti veiksnumas, kuris yra žinomas kaip "XSL". (Turi būti aišku, Žemiau yra tiesiog pavyzdys; nereikia įvesti jį arba kopijuoti ir įklijuoti į visual studio. Aš turiu pateikti visą smūgį atskaitos taškas, kad vëliau rašymą į viršų). Šie mėginys diagrama būtų generuojamas kaip HTML iš karto po:
Atitinkamus HTML:
<HTML> <įstaiga> <centras> <stalo plotis = 80 %> <TR><TD><centras>Horizontali histograma</TD></TR> <TR> <TD align = "centrą"> <lentelės kraštinėje = "1" plotis = 80 %> <TR> <TD plotis = 10 %>Atidaryti</TD> <TD><lentelės cellpadding ="0" cellspacing ="0" sienos = 0 plotis = 50 %><TR bgcolor = red><TD> </TD></TR></lentelė></TD> </TR> <TR> <TD plotis = 10 %>Uždarytas</TD> <TD><lentelės cellpadding ="0" cellspacing ="0" sienos = 0 plotis = 25 %><TR bgcolor = red><TD> </TD></TR></lentelė></TD> </TR> <TR> <TD plotis = 10 %>Įstrigo</TD> <TD><lentelės cellpadding ="0" cellspacing ="0" sienos = 0 plotis = 25 %><TR bgcolor = red><TD> </TD></TR></lentelė></TD> </TR> </lentelė> </TD> </TR> </lentelė> </įstaiga> </HTML> |
Aš miręs paprasta požiūris sukurti mano barų iš nusistatykite fono spalvą iš eilės, "raudona".
Išsinešimui čia tai: Galiausiai, visi mes darome yra sukurti HTML su eilučių ir stulpelių.
Šablono XSLT:
Nukopijavau XSLT, kuris generuoja horizontalioje histogramoje. Tai gana gerai pastebėjo, kad nebus pridėti daug čia išskyrus šios pastabos:
- Aš pradėjau su numatytąjį XSL, kuris SharePoint Designer davė man, kai aš pirmą kartą sukurta pagal DVWP.
- Man pavyko sumažinti tai nuo BPD 's 657 eilučių 166 linijos.
- Aš ne pažaisti su parametrų XML faile (kuri yra atskirta nuo XSL ir jūs žinote, ką reiškia, kai jūs einate į keisti DVWP, pati; ten yra du failai, keičiant). Tačiau, siekiant supaprastinti, Aš padariau beveik visi iš jų pašalinti XSL. Tai reiškia, kad jei jūs norite naudoti šiuos parametrus, jums tik reikia pridėti jų kintamųjų apibrėžimai atgal į XSL. Kad bus lengva, nes jūs turite pradinio XSL kintamųjų apibrėžimai visual studio projekte.
- Jums turėtų turėti galimybę nukopijuokite ir įklijuokite šį tiesiai į jūsų visual studio projekto. Tada, pašalinti mano skambučius ir įrašyti savo skambučius į "ShowBar".
- Darbų sukuriant detalizavimas, <a href> va taip: http://server/List?FilterField1=fieldname&FilterValue1=actualFilterValue. Šis metodas gali būti vertės kituose kontekstuose. Iš pradžių, Maniau, kad man reikia kad atitiktų sudėtingesnes formatas: http://server/List/AllItems.aspx?View={guid}&FilterField1=blah&FilterValue1=blah, bet mano aplinkoje tai nėra būtina. Į sąrašą URL perduodama mums iš SharePoint, tai gana paprasta apibendrinti.
Čia yra:
<XSL:stilių versija="1.0" neįtraukti-rezultatas-priešdėlių="RS z o s ddwrt dt msxsl" |
Rezultatai:
XSL iš viršaus generuoja Šis grafikas:
Detalizuoti iki pagrindžiantys duomenys paspaudę ant būsenos kodas yra:
Pabaigos mintys:
Tai gali būti apibendrintas?
Aš myliu šią diagramų sudarymo koncepciją, bet man nepatinka tai, kad aš turiu eiti ir padaryti tiek daug rankų-kodavimo. Aš daviau mažai apgalvotos ar jis gali būti apibendrintas ir aš optimistiškai, bet aš taip pat mažai bijo, kad gali būti plytų siena kažkur palei kelią, kad negali pasiūlyti bet apeiti. Jei kas nors turi keletą idėjų apie tai, Prašome būti pažymėta komentarus arba rašykite man.
Vertikalus grafikai:
Tai yra horizontalioje histogramoje. Tai tikrai įmanoma sukurti vertikali grafikas. Mes tiesiog reikia pakeisti HTML. Norėčiau pradėti taip pat: Sukurti HTML pateikimas vertikalus histograma ir tada suprasti, kaip gauti, kad per XSL. Jei kas nors yra suinteresuotas, kad, Aš galėtų būti įsitikinęs, kad jį išbandyti ir dirbti iš the kinks. Jei kas nors turi jau padaryta, kad, Praneškite man ir aš mielai pateiksiu nuorodą į jūsų tinklaraštį 🙂
Manau, kad vertikali grafikas uždavinys kad etiketės grafikui sudaryti yra kur kas sunkiau valdyti, bet tikrai ne neįmanoma.
Lauko pavadinimas Gotcha:
Yra ne mažiau kaip du dalykai atkreipti dėmesį, su jūsų laukų pavadinimus.
Pirmosios, lauko pavadinimas su vietos turi būti pakeistas į XSL. Tai tikriausiai bus problema čia:
<XSL:kintamasis vardas, pavadinimas="totalProposed"
Pasirinkite="skaičius(/dsQueryResponse/eilučių/eilučių[normalizuoti vietos(@Status) = "Siūlomi"])" />
Jei būseną"" stulpelyje iš tikrųjų pavadintas "būsenos kodas" tada jums reikia nuoroda kaip "Status_x0020_Code":
<XSL:kintamasis vardas, pavadinimas="totalProposed"
Pasirinkite="skaičius(/dsQueryResponse/eilučių/eilučių[normalizuoti vietos(@Status_x0020_Code) = "Siūlomi"])" />Antrojo, ir aš esu šiek tiek neaiškus šiuo, bet jūs taip pat turite būti perspėjimas dėl lauko pavadinimas keičiasi. Jei pavadinimą savo srityje "būsenos kodas" ir vėliau, pervardykite jį į "Titas būsena", "vidaus pavadinimas" nekeičia. Vidaus pavadinimas bus "būsenos kodas" ir turi būti nurodyti kaip "Status_x0020_Code". "Kitos lėšos" nuorodos gali padėti diagnozuoti ir taisyti tokios problemos.
Apie šios spalvos:
Mane pasirinko "raudona" nes tai malonus man metu. Būtų baisi parodyti skirtingų spalvų būtų ne tik vizualiai Aprašymas skaičiaus, bet taip pat teikti naudinga KPI. Pvz., jei procentinė dalis "užstrigo" AFE 's > 10% Tada parodyti jį raudona, kitaip parodyti jį juoda. Naudoti <XSL:pasirinkti> Norėdami tai atlikti.
Kitų išteklių:
- Vidaus pavadinimo (ir kitos geros info) duomenų sąrašo: http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!134.entry
- Rodyti visus duomenis SharePoint pateikiamas (žalias XML): http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!190.entry
- Gauti konkretų stulpelį XPATH išraiška: http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!155.entry
- Kitas būdas naudojant OWA(?). Aš ne kasti į jį, bet vilčių, ypač dėl skritulinės diagramos: http://www.waka.dk/Blog/PermaLink,guid,e2532e71-d774-4ac9-8f25-883964b830f4.aspx
Laimingas transformuojant!
<pabaigos />
Šiame puslapyje beveik baigtas aš ieškojau užduotis.
Turiu grupė, kuri nori naudoti SharePoint tyrimas sąrašas sukurti Savaitλs Apklausa. Laimikis? Jie nenori matyti kodas… Ar keisti sistemą kiekvieną kartą, kai jie siunčia apklausa (planuojama atnaujinti savaitės).
Man pavyko sujungti tai su tyrimo sąrašu ir sukurti grafikas pirmasis atsakymas stulpelyje. Nors ką aš negaliu prognozuoti yra vertybes ir etiketes, kurias jie turi juda į priekį. Pateikti klausimus blogiau gali jie daugiau ar mažiau atsakymus galima kiekvieną savaitę.
Aš atrodys kitur tik tuo atveju, bet ar kas nors nustatė, kaip sukurti eilutes ir etiketės pagrįsta ne galimos parinktys ir dinamiškai nustačius šiuos, o ne sunkiai kodavimo tikėtinas reikšmes, skaičius?
Ačiū Paul. Labai naudinga. Dėka savo darbą, Aš turėjo galimybę grafikas baras stulpelio įtraukimas į esamą DVWP (pvz.. užduotims) labai lengvai su vos kelių eilučių kodą.
Programa SharePoint Designer, Aš įterptas duomenų rodinys su pavadinimu ir % užbaigti stulpeliai iš užduočių sąrašą. Aš perkelti žymeklį į vieną iš langelių, ir dešiniuoju pelės mygtuku spustelėkite. Aš pasirinkite Įterpti stulpelį į dešinę. Kodas nuomone, Radau kad <TD> ir pakeisti į <XSL:teksto elementas viduje langelį su jūsų kodas:
<lentelės cellpadding ="0" cellspacing ="0" sienos ="0"
plotis = "{turas(@PercentComplete * 100)+1}%">
<lt stilius = "background-color:raudona">
<XSL:teksto išjungti-produkcija-pabėgti = "taip"><![CDATA[ ]]></XSL:tekstas>
</TR>
</lentelė>
Pastaba pakeičiau eilutės spalvos kodą iš bgcolor = "red" stilius = "background-color:raudona"
Taip pat, buvo prie mano sąraše pasirinkite vieną stulpelį (@PercentComplete) vietoj "$BarPercent"
Greg
Kitas metodas (naudojant tik SharePoint vartotojo sąsaja):
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">
Pasirinkite = "skaičius(/dsQueryResponse/eilučių/eilučių[normalizuoti vietos(@Status)= "NG"])" />
http://www.microsoft.com/sharepoint/downloads/components/detail.asp?a1=701Ian Morrish posted tai gegužės 2006. Bandžiau Moss 2007 ir jis veikia gerai. Įtraukta į GAC, teko execadmsvcjobs ir iisreset…
Didžiosios paštu, ačiū!
Didžiosios paštu, ačiū!
Max Paul!
Gražus darbas! Aš taip pat turėjau kažką panašaus į tai, kaip peržiūrėti SharePoint sąrašus grafiniu būdu 😉
Turiu „Informacijos suvestinių naudojimas „SharePoint“.’ klausimas. Esame karo ligoninė, savo intranetu naudojanti MOSS standartą, ir norėtume sukurti valdymo grupei prietaisų skydelį, kad būtų galima matyti „realiu laiku“.’ Jei įmanoma. Vienas iš pagrindinių punktų yra peržiūrėti realiu laiku esamą darbo krūvį įrenginyje ir tiesiog žiūrėti aukštyn ir žemyn keisti (gali tekti spustelėti “atnaujinti”/F5).
Ačiū iš anksto,
Jūs galite padaryti kažką naudingo su jQuery atlikti tuo tikslu. Siųskite man ne Galvin.Paul@gmail.com ir aš mielai pabandyti ir ranką.