מבט כולל:
(עדכון 12/04/07: הוספת משאב מעניין אחר בקצה קישור לבלוג אחר המטפלת זה דרך web part מעניין מאוד)
את הבלוג מתאר כיצד ליצור גרף עמודות ב- SharePoint. זה עובד בסביבות WSS וגם מוס. כמו הדבר תלוי רק ה-web part של תצוגת נתונים.
הגישה הכללית היא כדלקמן:
- יצירת רשימה או ספריית מסמכים המכיל את הנתונים שברצונך גרף.
- המקום בספריית המסמכים הקשורים / מותאם אישית ברשימה בדף, להמיר אותו ל- web part של תצוגת נתונים (DVWP).
- שינוי של DVWP XSL ליצירת HTML המציגה בצורת גרף.
תרחישים עסקיים / תוכנית ההתקנה:
יצרתי רשימה מותאמת אישית עם תקן כותרת העמודה והעמודה נוספים אחד, "מצב". מודלים הזה (בצורה מאוד פשטנית) אישור"עבור הוצאות" התרחיש כאשר הכותרת מייצג את הפרויקט ואת המצב ערך מתוך רשימת:
- הציע נישואין
- בתהליך
- התקועה
המטרה היא לייצר אינטראקטיבי אופקי גרף המציג את קודי מצב אלה.
אני צריכה את הרשימה ואת זה נראה כמו זה:
יצירת Web Part תצוגת נתונים:
ליצור את DVWP על-ידי הוספת הרשימה המותאמת אישית לדף (דף אתר במקרה שלי) ובצע את ההוראות כאן (http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!395.entry).
בנוסף פשוט יצירת את DVWP, אנחנו גם צריכים להגדיר את המאפיין החלפה כדי להציג את כל השורות זמין. בשבילי, . זה נראה משהו כזה:
בנקודה זו, תמיד קרוב. SPD ו הדפדפן. אני מכן לפתוח מחדש את הדף באמצעות הדפדפן. הדבר מונע בטעות שמחרבן לי את פריסת חלק בדף.
לשנות את ה-XSLT:
הגיע זמן לשנות ה-XSLT.
. אני תמיד משתמשת visual studio בשביל זה. (ראה כאן עבור הערה חשובה על intellisense זה יעזור לך הרבה).
ליצור פרוייקט ריק מוסיף קבצים חדשים ארבע (החלפת המילים "אורגינל" וחדש"" כיאה):
- Original.xslt
- New.xslt
- Params.xml המקורי
- Params.xml חדש
במקרה שלי, זה נראה כך:
לשנות את ה-web part ולהעתיק את params ו- XSL למקור"" גירסה ב- Visual Studio.
המטרה כאן היא לגרום את ה-XSL להפוך את התוצאות שנחזור מהשאילתה DVWP לתוך HTML שמעבדת בצורת גרף.
למטרה זו, היא מסייעת לשקול קודם איך ה-HTML צריכה להיראות לפני לנו להתבלבל ידי לאי-השפיות הידוע "XSL". (כדי שיהיה ברור, להלן הוא פשוט דוגמה; אל תקליד את זה או העתק/הדבק לסטודיו חזותי. אני מספק מכה מלא נקודת ההתחלה בשביל זה בהמשך שכתוב). הגרף הבא לדוגמה מעובד לפי ה-HTML הבאים מיד לאחר:
HTML המתאים:
<html> <הגוף> <מרכז> <שולחן רוחב = 80%> <. tr><td><מרכז>אופקי גרף</td></. tr> <. tr> <td ליישר = "המרכז"> <גבול הטבלה = "1" רוחב = 80%> <. tr> <td רוחב = 10%>פתוח</td> <td><טבלה cellpadding ="0" cellspacing ="0" גבול = רוחב 0 = 50%><צבע רקע tr = אדום><td> </td></. tr></טבלה></td> </. tr> <. tr> <td רוחב = 10%>סגור</td> <td><טבלה cellpadding ="0" cellspacing ="0" גבול = רוחב 0 = 25%><צבע רקע tr = אדום><td> </td></. tr></טבלה></td> </. tr> <. tr> <td רוחב = 10%>התקועה</td> <td><טבלה cellpadding ="0" cellspacing ="0" גבול = רוחב 0 = 25%><צבע רקע tr = אדום><td> </td></. tr></טבלה></td> </. tr> </טבלה> </td> </. tr> </טבלה> </הגוף> </html> |
נעשה שימוש בגישה מתים פשוט ליצירת סורגים שלי על-ידי הגדרת צבע הרקע של שורה "אדום".
Take-away כאן את זה: בסופו של דבר, כל מה שאנחנו עושים הוא יצירת HTML עם שורות ועמודות.
תבנית ה-XSLT:
העתקתי את ה-XSLT שיוצר גרף עמודות אופקיות. . זה טוב למדי הגיב כדי לא להוסיף הרבה כאן למעט הערות אלו:
- התחלתי עם ברירת המחדל XSL SharePoint Designer נתן לי כאשר שבתחילה יצרתי את DVWP.
- . הייתי יכול לעשות את זה מ- SPD 657 קווים 166 קווים.
- לא להתעסק עם קובץ ה-XML פרמטרים (נפרדת מאמצעי ה-XSL, לך תדע. למה אני מתכוון. כשאתה הולך לשנות את DVWP עצמה; קיימים שני קבצים, שבאפשרותך לשנות). עם זאת, על מנת לפשט את זה, להסיר וכמעט בכולם ה-XSL. זאת אומרת, אם אתה רוצה לעשות שימוש באותם הפרמטרים, אתה רק צריך להוסיף והגדרותיהם משתנים בחזרה ה-XSL. זה יהיה קל. מאז יהיה לך הגדרות המשתנה המקורי של XSL בפרוייקט visual studio.
- אתה צריך להיות מסוגל להעתיק ולהדביק את זה ישירות לתוך הפרוייקט שלך visual studio. לאחר מכן, הסר את השיחות שלי ולהוסיף משלכם שיחות "ShowBar".
- התרגיל למטה עבודות על-ידי יצירת <href> כמו זה: http://server/List?FilterField1=fieldname&FilterValue1=actualFilterValue. טכניקה זו עשוי להיות ערך בהקשרים אחרים. בהתחלה, . חשבתי שהיה צריך להתאים את תבנית מורכבת יותר: http://server/List/AllItems.aspx?View={guid}&FilterField1=blah&FilterValue1=blah, אבל בסביבה שלי זה לא נחוץ. כתובת URL של הרשימה מועברת אלינו על-ידי SharePoint אז זה די קל לעשות הכללות.
. הנה זה:
<xsl:גליון סגנונות גירסה="1.0" אי-כלילה-התוצאה-קידומות="ר' z o s ddwrt dt msxsl" |
התוצאות:
ה-XSL מלמעלה יוצר הגרף הזה:
בהסתעפות הנתונים המשמשים כבסיס על-ידי לחיצה על קוד מצב:
מחשבות המסכם:
זה יכול להיות מוכללת?
. אני אוהב את הרעיון graphing הזה, . אבל אני שונא את העובדה שיש לי להיכנס ולעשות כל כך הרבה יד-קידוד. . נתתי קצת מחשבה. זה יכול להיות מוכללת, אני אופטימי, אבל אני גם קצת מפחיד כי ייתכן קיר לבנים איפשהו לאורך השביל לא מציעים שום עבודה.. אם למישהו יש רעיונות טובים בזה, אנא ציינו זאת בהערות או שלח לי דוא.
גרפים אנכי:
זהו גרף עמודות אופקיות. זה בהחלט אפשרי ליצור גרף אנכי. אנחנו רק צריכים לשנות את ה-HTML. הייתי מתחיל באותה דרך: ליצור ייצוג HTML של גרף עמודות אנכיות, ואז להבין כיצד להשיג זאת באמצעות XSL. אם מישהו מעוניין בזה, . אפשר לשכנע לנסות אותו ולעבוד לבדוק אם יש פגמים. אם מישהו כבר עשה את זה, אנא יידע אותי ואקשר בשמחה לבלוג שלך 🙂
אני חושבת אתגר עם גרף אנכי זה התוויות עבור הגרף קשים יותר לניהול, אבל בהחלט לא בלתי אפשרי.
של שדה שם הבנתי אותך:
יש לפחות שני דברים לחפש עם שמות השדות שלך.
הראשונה, שם שדה ברווח חייב להיות נמלט את ה-XSL. זה יהיה כנראה בעיה כאן:
<xsl:משתנה שם="totalProposed"
בחר="ספירה(/dsQueryResponse/שורות/שורה[לנרמל-מרחב(@Status) = 'הציע'])" />
אם מצבך"" טור בעצם קוראים "קוד מצב" אז אתה צריך להפנות את זה בתור "Status_x0020_Code":
<xsl:משתנה שם="totalProposed"
בחר="ספירה(/dsQueryResponse/שורות/שורה[לנרמל-מרחב(@Status_x0020_Code) = 'הציע'])" />שנייה, . ואני קצת מעורפלים בעניין, אבל אתה גם צריך להיות בכוננות לבואם של שינויי שמות שדה. אם אתה שם את שדה "קוד מצב" ולאחר מכן על, לשנות את שם "מצב דינה אזולאי", "השם הפנימי" לא משנה. השם הפנימי עדיין יהיה "קוד מצב" ואת חייבת להיות הפניה כמו "Status_x0020_Code". "המשאבים האחרים" קישורים עשוי לסייע לאבחן ולתקן בעיות כאלה.
על הצבע הזה:
אני בחרתי "אדום" כי זה לרצות אותי כרגע. זה לא יהיה עניין גדול להראות צבעים שונים כדי לספק יותר מאשר תיאור חזותי של מספר, אבל גם לספק KPI שימושי. לדוגמה, אם האחוז של "התקועה" הוא של דינה אזולאי > 10% אז תראי את זה אדום, אחרת להראות את זה בשחור. השימוש <xsl:בחר> כדי להשיג את זה.
משאבים אחרים:
- לקבוע את שם פנימי (ו. המידע טוב) עבור הנתונים ברשימה: http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!134.entry
- להציג את כל הנתונים שסופקו על-ידי SharePoint (ה-XML גולמיים): http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!190.entry
- לקבל ביטוי ה-XPATH של עמודה ספציפית: http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!155.entry
- גישה אחרת באמצעות OWA(?). לא הוצאתי את זה, אבל נראה מבטיח, במיוחד עבור תרשימי עוגה: http://www.waka.dk/Blog/PermaLink,guid,e2532e71-d774-4ac9-8f25-883964b830f4.aspx
שינוי צורה של שמחה!
<סיום />
בדף זה כמעט הושלמה המשימה שאני מחפש.
יש לי קבוצה שרוצה להשתמש ברשימת SharePoint סקר כדי ליצור סקר שבועי. המלכוד? הם לא רוצים לראות את הקוד… או לשנות את המערכת בכל פעם שהם שולחים לסקר (מתוכנן עבור עדכון שבועי).
הצלחתי להתחבר זה לרשימה סקר וליצור הגרף על העמודה התשובה הראשונה. מה אני לא יכול לחזות. אבל הן ערכי תוויות הם יצטרכו לנוע קדימה. בנוסף גרוע אולי יש להם פחות או יותר תשובות זמין בכל שבוע.
אני אסתכל במקום אחר. רק למקרה, אבל מישהו מצא דרך ליצור שורות של תוויות מבוסס את מספר האפשרויות הזמינות ועל באופן דינמי קביעת הגדרות אלה ולא קשה קידוד לערכים הצפויים?
תודה פול. מאוד מועיל. תודה לעבודה שלך, הצלחתי להוסיף עמודה בר גרף DVWP הקיים (המסופקים. עבור פעילויות) בקלות רבה עם רק כמה שורות של קוד.
ב- SharePoint Designer, הוספתי תצוגת נתונים עם הכותרת, % להשלים את עמודות מתוך רשימת פעילויות. אני מציב את הסמן באחד התאים ולחץ לחיצה ימנית. אני בחר הוספת עמודה מימין. בתצוגת code, . מצאתי <td> והחליפו <xsl:רכיב טקסט בתוך התא עם הקוד שלך:
<טבלה cellpadding ="0" cellspacing ="0" גבול ="0"
רוחב = "{סיבוב(@PercentComplete * 100)+1}%">
<סגנון tr = "צבע רקע:"אדום">
<xsl:טקסט הפוך-פלט-בריחה = "כן"><![CDATA[ ]]></xsl:טקסט>
</. tr>
</טבלה>
הערה שיניתי את קוד צבע שורה של צבע רקע = "אדום" סגנון = "צבע רקע:אדום"
גם, היה מסוגל לבחור באחת העמודות ברשימה שלי (@PercentComplete) במקום "$BarPercent"
גרג
שיטה נוספת (רק ממשק המשתמש של SharePoint באמצעות):
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">
בחר = "ספירה(/dsQueryResponse/שורות/שורה[לנרמל-מרחב(@Status)= 'WIP'])" />
http://www.microsoft.com/sharepoint/downloads/components/detail.asp?a1=701איאן Morrish פורסם זה במאי 2006. ניסיתי ב- MOSS 2007 וזה עובד טוב. נוספו GAC, נאלץ execadmsvcjobs iisreset…
פירסום נהדר, תודה!
פירסום נהדר, תודה!
פול הי!
. עבודה טובה! היה לי בראש משהו כזה לראות רשימות SharePoint בצורה גרפית 😉
יש לי את 'שימוש בדשבורדים ב- SharePoint’ שאלה. אנו בית חולים צבאי המשתמש בתקן MOSS לאינטרא-נט שלנו והיינו רוצים לבנות לוח מחוונים עבור קבוצת הפיקוד שלנו כדי לראות 'זמן אמת'’ אם זה אפשרי. אחת הנקודות העיקריות צופה את עומס העבודה הנוכחית בזמן אמת בתוך המתקן ולצפות באופן מילולי בו לשנות למעלה ולמטה (ייתכן שתצטרך ללחוץ “רענון”/F5).
תודה מראש,
אתה יכול לעשות משהו מועיל עם jQuery כדי להשיג את האפקט הזה. דוא ל. galvin.paul@gmail.com ואני אהיה שמח לנסות לתת יד.