Pārskats:
(ATJAUNINĀJUMS 12/04/07: Beigās, saites uz citu blogu, kas risina šo caur ļoti interesantu web daļu papildina vēl viens interesants resurss)
Šī bloga ieraksts ir aprakstīts, kā izveidot bar graph koplietošanas vidē SharePoint. Tas darbojas WSS un MOSS vidēs, kā tas tikai ir atkarīgs no datu skata web daļa.
Kopumā pieeja ir šādi:
- Veidot sarakstu vai dokumentu bibliotēku, kas satur datus, kurus vēlaties attēlot grafā.
- Novietot saistīto dokumentu bibliotēkā / pielāgota saraksta uz lapu un to konvertēt datu skata web daļa (DVWP).
- Modificēt DVWP XSL, lai ģenerētu HTML, kas parāda, kā grafiku.
Biznesa scenāriju / Uzstādīšanas:
Man ir izveidojis pielāgotu sarakstu ar standarta virsraksta kolonnas un viena papildu kolonnas, "Statuss". Šo modeļu (ļoti vienkāršoti) Izdevumu atļaujas"" scenāriju, kur nosaukumā norāda projekta un statusa vērtību no saraksta:
- Ierosināja
- Procesā
- Apstājies
Mērķis ir radīt interaktīvu horizontālu joslu diagrammu, kas parāda šo statusa kodi.
Ir aizpildīts saraksts un tas izskatās šādi:
Izveidot datu skata Web daļa:
DVWP izveidot pielāgotu sarakstu pievienošana lapai (vietnes lapā manā gadījumā) un izpildiet norādījumus šeit (http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!395.entry).
Kā _ arī vienkārši izveidot DVWP, mums arī iestatīt rekvizīta peidžeru, lai rādītu visas pieejamās rindas. Man, tas izskatās kaut kas līdzīgs šim:
Šajā brīdī, Es vienmēr aizvērt VPD un pārlūka. Pēc tam vēlreiz atvērt lapu, izmantojot pārlūkprogrammu. Tas palīdz izvairīties no nejauši mucking augšu web daļas izkārtojumu lapā.
Modificēt XSLT:
Ir pienācis laiks mainīt XSLT.
Es vienmēr izmantojiet visual studio šim. (Sk. šeit svarīga piezīme par intellisense, kas palīdzēs jums daudz par).
Izveidot tukšu projektu pievieno četrus jaunus failus (aizstāt vārdus "oriģināls" un "New" pēc vajadzības):
- Original.XSLT
- New.XSLT
- Sākotnējā Params.xml
- Jaunu Params.xml
Manā gadījumā, tas izskatās šādi:
Modificēt web daļu un kopēt parametri un XSL "sākotnējā" versiju Visual Studio.
Šeit mērķis ir izraisīt XSL transformācijas atgriezīsimies uz HTML, kas atveido kā diagrammu no DVWP vaicājuma rezultātus.
Šajā nolūkā, tas palīdz vispirms apsvērt, kādi HTML vajadzētu izskatīties pirms mēs iegūt sajaukt ar ārprāts, kas ir pazīstams kā "XSL". (Lai būtu skaidrs, Šis ir vienkāršs piemērs; Nelietojiet to ierakstīt vai copy/paste vizuālā studija. Es sniegt pilnīgu triecienu sākuma punkts, ka turpmākajā write-up). Šādu paraugu grafiks tiek atveidots kā HTML tūlīt pēc:
Atbilstošu HTML:
<HTML> <organizācija> <centrs> <tabulas platums = 80 %> <TR><TD><centrs>Horizontālu joslu diagrammu</TD></TR> <TR> <Līdzināt TD = "centrs"> <tabulas apmales = "1" Width = 80 %> <TR> <TD width = 10 %>Atvērt</TD> <TD><tabulas cellpadding ="0" cellspacing ="0" u = 0 width = 50 %><TR bgcolor = red><TD> </TD></TR></tabula></TD> </TR> <TR> <TD width = 10 %>Slēgts</TD> <TD><tabulas cellpadding ="0" cellspacing ="0" u = 0 width = 25 %><TR bgcolor = red><TD> </TD></TR></tabula></TD> </TR> <TR> <TD width = 10 %>Apstājies</TD> <TD><tabulas cellpadding ="0" cellspacing ="0" u = 0 width = 25 %><TR bgcolor = red><TD> </TD></TR></tabula></TD> </TR> </tabula> </TD> </TR> </tabula> </organizācija> </HTML> |
Es mēdzu miris vienkārša pieeja, lai manas joslas izveide, nosakot fona krāsas kārtas uz "sarkano".
Līdzņemšanai te tas ir: Beigās, viss, ko mēs darām, ir izveidot HTML ar rindām un kolonnām.
XSLT veidnes:
Esmu kopēt XSLT, kas rada horizontālu joslu diagrammu. Tas ir diezgan labi komentēja, tāpēc es paradis pievienot daudz šeit, izņemot šīs piezīmes:
- Es sāku ar noklusējuma XSL, kuru SharePoint Designer deva man, kad es pirmo reizi izveidota DVWP.
- Man bija iespēja samazināt to uz leju no SPD 657 rindas, lai 166 līnijas.
- Nav haoss ap ar XML faila parametri (kas ir atdalīts no XSL, un jūs zināt, ko es domāju, kad dodaties uz modificēt DVWP, pati; ir divi failu var modificēt). Tomēr, lai vienkāršotu to, Gandrīz visi no tiem bija noņemt no XSL. Tas nozīmē, ka, ja jūs vēlaties, lai izmantotu tos parametrus,, jums ir nepieciešams pievienot to mainīgo definīcijām atpakaļ uz XSL. Tas būs viegli, jo jums būs oriģināls XSL mainīgo definīcijām visual studio projektu.
- Jums vajadzētu būt iespējai nokopējiet un ielīmējiet šo tieši visual studio projektu. Pēc tam, noņemt manas sarunas un ievietot savus zvanus uz "ShowBar".
- Darbu, izveidojot rakšanās <href => šādi: http://server/List?FilterField1=fieldname&FilterValue1=actualFilterValue. Šī metode var būt vērtības citos kontekstos. Sākumā, Es domāju, ka būtu nepieciešama sarežģītāka formāts neatbilst: http://server/List/AllItems.aspx?View={guid}&FilterField1=blah&FilterValue1=blah, bet mana vidē, kas nav nepieciešama. Saraksta URL tiek nodota mums SharePoint, tāpēc tas ir diezgan viegli vispārināt.
Te nu tas ir:
<XSL:izvēršamā stila lapu versija="1.0" neiekļaut rezultātus prefiksus="r z o s ddwrt dt msxsl" |
Rezultāti:
XSL no augšas rada šis grafiks:
Detalizēti pamatā esošos datus, noklikšķinot uz statusa kods:
Noslēdzot domas:
Tas ir ģeneralizēta?
Es mīlu šo grafēšanas koncepciju, bet es ienīst faktu, ka man iet, un darīt tik daudz roku kodēšana. Esmu devis mazliet doma, vai tas var vispārināt, un es esmu optimistisks, bet es esmu arī mazliet baismīgs, ka var būt kaut kur pa ceļu, kas jebkurā darba ap to vairs nepiedāvās ķieģeļu mūra. Ja kāds ir dažas labas idejas par šo, Lūdzu pierakstiet komentārus vai e-pasts mani.
Vertikālas diagrammas:
Tas ir horizontālu joslu diagrammu. Tas noteikti ir iespējams izveidot vertikālas diagrammas. Mums ir nepieciešams, lai mainītu HTML. Varētu startēt tādā pašā veidā: Izveidot HTML atveidojumu vertikālo joslu diagrammu un pēc tam saprast, kā nokļūt, izmantojot XSL. Ja kāds ir ieinteresēts, ka, Es varētu pārliecināt to izmēģinātu, un izstrādāt kinks. Ja kāds jau ir darīts, ka, please let me know and I’ll gladly link to your blog 🙂
Domāju, ka problēma ar vertikālo diagrammu, ir uzlīmes grafika ir grūtāk pārvaldīt, Protams, nav neiespējami, bet.
Lauka nosaukums Gotcha:
Ir vismaz divas lietas, pievērsiet uzmanību ar lauku nosaukumiem.
Pirmais, lauka nosaukums, ar atstarpi ir izbēguši XSL. Tas droši vien būs jautājums šeit:
<XSL:mainīgais vārds="totalProposed"
atlasiet="skaits(/dsQueryResponse/rindu/rindas[normalizē telpa(@Status) = "Ierosināto"])" />
Ja jūsu "statuss" kolonna patiesībā ir nosaukta "statusa kods" tad jums vajadzēs atsaukties uz to kā "Status_x0020_Code":
<XSL:mainīgais vārds="totalProposed"
atlasiet="skaits(/dsQueryResponse/rindu/rindas[normalizē telpa(@Status_x0020_Code) = "Ierosināto"])" />Otrais, un es esmu mazliet neskaidrs šajā, bet jums arī ir par brīdinājumu par lauka nosaukuma izmaiņas. Ja jūsu laukā "statusa koda nosaukums" un pēc tam vēlāk par, pārdēvēt to "AFE Status", "iekšējais nosaukums" nevar mainīt. Iekšējais nosaukums joprojām būs "statusa kods" un jābūt atsaucas kā "Status_x0020_Code". "Citi resursi" saites var palīdzēt diagnosticēt un novērst šāda veida problēmas.
Par šo krāsu:
Es paņēmu "sarkans" jo tas ir patīkami man tajā brīdī. Tas nebūtu liels darījumu, lai parādītu dažādās krāsās tā, lai nodrošinātu vairāk nekā tikai vizuālo aprakstu par skaitli, bet arī sniegt noderīgas veiktspējas Pamatrādītāju. Piemēram, Ja procentuālo daudzumu "apstājies" AFE ir ir > 10% tiek rādīta sarkanā, Pretējā gadījumā liecina, ka melnā krāsā. Lietošanas <XSL:izvēlieties> lai to paveiktu.
Citi resursi:
- Noteikt iekšējo nosaukumu (un citas labas info) datu sarakstā: http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!134.entry
- Parādīt visus datus, ko snieguši SharePoint (neapstrādātu XML): http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!190.entry
- Iegūt noteiktu kolonnu XPATH izteiksmi: http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!155.entry
- Cita pieeja, izmantojot OWA(?). Man nav ieurbās tam, bet izskatās daudzsološi, jo īpaši attiecībā uz sektoru diagrammas: http://www.waka.dk/Blog/PermaLink,guid,e2532e71-d774-4ac9-8f25-883964b830f4.aspx
Laimīgs, pārveidojot!
<beigām />
Šajā lapā gandrīz pabeidzis uzdevumu, es meklēju.
Man ir grupa, kas vēlas izmantot aptaujas SharePoint sarakstu, lai izveidotu iknedēļas aptauja. Catch? Viņi nevēlas, lai redzētu kodu… Vai mainīt sistēmu, katru reizi, kad tie nosūta aptaujas (plānota nedēļas update).
Man bija iespēja savienot šo apsekojumu sarakstu un izveidot grafiku atbildi pirmajā kolonnā. Ko es nevaru prognozēt, gan ir, vērtības un etiķetes, kas viņiem būs nepieciešama virzās uz priekšu. Padarīt jautājumiem sliktāk, tie var būt vairāk vai mazāk atbildes pieejamas katru nedēļu.
Būs meklēt citur katram gadījumam, bet kāds ir atradis veidu, kā izveidot rindu un etiķetes, pamatojoties off no pieejamās opcijas un dinamiski, nosakot šos nevis grūti kodēšanas gaidītās vērtības skaits?
Paldies Paul. Ļoti noderīga. Pateicoties jūsu darbu, Man bija iespēja grafa josla kolonnas pievienošana esošajiem DVWP (piem.. uzdevumi) ļoti viegli ar tikai dažas rindiņas koda.
Programmā SharePoint Designer, I iekļauj datu skatam ar nosaukumu un % veiktu kolonnas no uzdevumu saraksta. Es novietot kursoru vienu šūnu un labo klikšķi. Es izvēlieties Ievietot kolonnu pa labi. Koda skatā, Es atradu <TD> un aizstāj <XSL:teksta elementu iekšpusē šūnu ar kodu:
<tabulas cellpadding ="0" cellspacing ="0" u ="0"
width = "{kārta(@PercentComplete * 100)+1}%">
<TR style = "background-color:sarkans">
<XSL:teksta atspējošana-izvades-bēg = "Jā"><![CDATA[ ]]></XSL:teksts>
</TR>
</tabula>
Piezīme izmainot rindu krāsu kodu no bgcolor = "sarkans" stils = "background-color:sarkana"
Arī, bija iespēja manā sarakstā atlasiet vienu kolonnu (@PercentComplete) vietā "$BarPercent"
Greg
Cita metode (izmantojot tikai SharePoint lietotāja Interfeisu):
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">
izvēlieties = "skaits(/dsQueryResponse/rindu/rindas[normalizē telpa(@Status)= 'NP'])" />
http://www.microsoft.com/sharepoint/downloads/components/detail.asp?a1=701Ian Morrish ievietojis šo maija 2006. Es mēģināju MOSS 2007 un tas darbojas labi. Pievienota GAC, nācās execadmsvcjobs un iisreset…
Great pastu, paldies!
Great pastu, paldies!
Hi Paul!
Jauks darbs! I also had something like this in my mind to view SharePoint lists in a graphical way 😉
I have a ‘Using Dashboards in SharePoint’ jautājums. We are a military hospital using MOSS standard for our Intranet and would like to build a dashboard for our Command Group to see ‘real time’ Ja iespējams. Viens no galvenajiem punktiem ir skatīt reāllaika pašreizējās darba slodzes iekārtā un burtiski noskatīties to mainīt uz augšu un uz leju (iespējams, ka jānoklikšķina uz “atsvaidzināt”/F5).
Iepriekš Paldies,
Jūs varat darīt kaut ko noderīgu ar jQuery šī efekta sasniegšanai. Email mani Galvin.Paul@Gmail.com un es būšu laimīga, mēģināt un dot roku.