கண்ணோட்டம் மற்றும் குறிக்கோள்
பெட்டியை வெளியே, பாசி’ உள்ளடக்கத்தை கேள்வி வலை பகுதி (CQWP) பட்டியல் வடிவமைப்பு அதன் முடிவுகளை காட்டுகிறது, similar to search results. It is also possible to display the results in a grid format (அதாவது. HTML அட்டவணை வடிவமைப்பு). Grid formats are better in some circumstances. I describe how to achieve that effect in this article.
வணிக நிலைத்தன்மை
I have worked with a client on an enterprise-wide MOSS rollout. We have designed their taxonomy such that projects are first class citizens in the hierarchy and have their own top level site. Project managers maintain a singleton list of project summary information, போன்ற தலைப்பை, வரவு செலவு திட்டம், எதிர்பார்க்கப்படுகிறது நிறைவு தேதி, remaining budget and other summary type fields. By "singleton" I mean a custom SharePoint list guaranteed to contain only one item. Simplistically, இது போல்:
குறிப்பிட்டது போல தொழில்நுட்ப அணுகுமுறை அதே உள்ளது இங்கே (http://paulgalvin.spaces.live.com/blog/cns!1CC1EDB3DAA9B8AA!447.entry). The CQWP uses an XSL transform to emit HTML for the browser to render.
I always envision the result before diving into the XSL because XSL is a nightmare. Here’s my desired result:
இந்த HTML என்று முடிவு உருவாக்குகிறது:
|
|
<HTML>
<உடல்>
<மையம்>
<மேசை ஓரம்= 1>
<!-- அடையாளங்கள் ->
<TR ப்க்கோலோர்= நீல>
<TD><இருக்கின்றன நிறம்= வெள்ளை><ப>திட்டத்தின் பெயர்</ப></இருக்கின்றன></TD>
<TD ஒழுங்குசெய்= உரிமை><இருக்கின்றன நிறம்= வெள்ளை><ப>தேதி நிறைவு</ப></இருக்கின்றன></TD>
<TD ஒழுங்குசெய்= உரிமை><இருக்கின்றன நிறம்= வெள்ளை><ப>வரவு செலவு திட்டம்</ப></இருக்கின்றன></TD>
<TD ஒழுங்குசெய்= உரிமை><இருக்கின்றன நிறம்= வெள்ளை><ப>உண்மையான செலவு</ப></இருக்கின்றன></TD>
<TD><இருக்கின்றன நிறம்= வெள்ளை><ப>ஒட்டுமொத்த நிலைமை</ப></இருக்கின்றன></TD>
</TR>
<TR>
<TD>மீண்டும் கம்பி கணினி அறை.</TD>
<TD ஒழுங்குசெய்= உரிமை>02/01/08</TD>
<TD ஒழுங்குசெய்= உரிமை>22,500.00</TD>
<TD ஒழுங்குசெய்= உரிமை>19,000.00</TD>
<TD>முன்னேற்றம் உள்ள</TD>
</TR>
<TR>
<TD>எல் மேம்படுத்து விதிகளை சர்வர்கள்</TD>
<TD ஒழுங்குசெய்= உரிமை>04/01/08</TD>
<TD ஒழுங்குசெய்= உரிமை>7,500.00</TD>
<TD ஒழுங்குசெய்= உரிமை>0.00</TD>
<TD>திட்டமிட்டு</TD>
</TR>
</மேசை>
</மையம்>
</உடல்>
</HTML>
|
அணுகுமுறை
கட்டம் உருவாக்க இந்த வழிமுறைகளை பின்பற்றவும்:
- கட்டம் கூறுகள் அடையாளம் (வரிசைகள் / நெடுவரிசைகளை).
- தேவையான தளத்தில் பத்திகள் வரையறுத்து உருவாக்க.
- திட்டங்கள் மற்றும் ஒற்றை பட்டியல்கள் துணை தளங்கள் உருவாக்க.
- ஒரு வலை பக்கத்தை CQWP சேர்க்க உங்கள் பட்டியல்கள் தேட அதை கட்டமைக்க.
- கூடுதல் பத்திகள் வரை சேகரிக்க CQWP இன் XML மாற்றவும்.
- ஒரு அட்டவணை உருவாக்க XSL மாற்றவும்.
I’m going to concentrate on number six. Numbers one through four are straight-forward and something that any CQWP user has already done. Number five has been well-documented by others including this exhaustive screen-shot laden article from MSDN இங்கே (http://msdn2.microsoft.com/en-us/library/bb897399.aspx) மற்றும் ஹீத்தர் சுலைமான் வலைப்பதிவு இங்கே (http://www.heathersolomon.com/blog/articles/CustomItemStyle.aspx).
கொட்டைகள் மற்றும் போல்ட்
படிகள் எம்எஸ்டிஎன் ஆவணங்கள் மற்றும் ஹீத்தர் சாலமன் கட்டுரை படி ஐந்து மூலம் ஒரு தொடங்க செயல்படுத்த.
இந்த கட்டத்தில், நீங்கள் பக்கம் உங்கள் CQWP சேர்க்க நீங்கள் உங்கள் <CommonViewFields> தேவையான கட்டமைப்பு.
வழக்கமான வழிமுறைகளை பின்பற்றி, நான் இந்த இடைநிலை முடிவுகளை பெற:
1. ஒரு உள்ளடக்க வகை உருவாக்க, a templatized custom list for that content type and two sites. Here is the content type:
இங்கே தளத்தில் கட்டமைப்பானது:
2. என் திட்டம் subsites மற்றும் ஒற்றை திட்டத்தின் சுருக்கத்தை பட்டியல்கள் உருவாக்கி பின்னர் CQWP சேர்க்க:
3. மூலம் எனக்கு கூடுதல் தகவல் சேர்க்க <CommonViewFields>:
<சொத்து பெயர்="CommonViewFields" மாதிரி="மாலை">Project_x0020_Name;Project_x0020_Expenses;Project_x0020_Status;Project_x0020_Start_x0020_Date;Project_x0020_End_x0020_Date;Project_x0020_Budget</சொத்து>
நான் ஒரு வரியில் அனைத்து சொத்து துறைகள் வைத்திருக்க என்று குறிப்பு அல்லது வேலை இல்லை (CQWP கேள்வி எதுவும் திரும்பினார் என்று சொல்ல வேண்டும் என்று நான்).
4. இந்த கட்டத்தில், we’re ready to move beyond the MSDN article and flip on over to Heather Solomon’s article. Follow her steps starting near step #5 சிறப்பு உருவாக்க / unghosted version of ItemStyle.xsl. I follow Heather’s advice, படி வழியாக வரை 11 இந்த இடைநிலை முடிவுகளை பெற:
4.1: என் XSL டெம்ப்ளேட் பின்வருமாறு பெயரிட:
<XSL:template name="Grid" match="Row[@Style=’Grid’]" mode="itemstyle">
நான் சற்றே அவரது ஆலோசனை மாற்ற <XSL:-ஒவ்வொரு …> ஒரு சேர்ப்பதன் மூலம் <br /> ஒரு தூய்மையான பட்டியல் வழங்க குறிக்கவும்:
<XSL:-ஒவ்வொரு தேர்ந்தெடு="@ *">
பி:<XSL:மதிப்பு தேர்ந்தெடு="பெயர்()" /><Br/>
</XSL:-ஒவ்வொரு>
4.2: நான் வலை பகுதியாக மாற்ற, go to appearance and select my "Grid" பாணி:
மாற்றம் விண்ணப்பிக்க இங்கு விளைவாக:
நாம் துறைகள் நாங்கள் விரும்பவில்லை என்று மேலே இருந்து பார்க்க முடியும் (திட்டத்தின் பெயர், செலவு, அந்தஸ்து, முதலியன) are available for us to use when we emit the HTML. Not only that, but we see the names by which we must reference those columns in the XSL. எடுத்துக்காட்டாக, we reference Project Status as "Project_x005F_x0020_Name".
இந்த கட்டத்தில், நாம் ஹீத்தர் வலைப்பதிவில் இருந்து இந்த ராட்சதர்கள் தோள்களில் இருந்து புறப்படும், நான் என் சொந்த சிறிது சேர்க்க.
ContentQueryMain.xsl
குறிப்பு: இருவரும் ContentQueryMain.xsl மாற்றம் அத்துடன் ItemStyle.xsl போது, உங்கள் மாற்றங்கள் விளைவை பார்க்க முன் நீங்கள் மீண்டும் அந்த கோப்புகளை சரிபார்க்க வேண்டும்.
கட்டம் தயாரித்தல் நோக்கங்களுக்காக, MOSS uses two different XSL files to produce the results we see from a CQWP. To generate the previous bit of output, we modified ItemStyle.xsl. MOSS actually uses another XSL file, ContentQueryMain.xsl to in conjunction with ItemStyle.xsl to generate its HTML. As its name implies, ContentQueryMain.xsl is the "main" XSL that controls the overall flow of translation. It iterates through all the found items and passes them one by one to templates in ItemStyle.xsl. We’ll modify ItemStyle.xsl to generate the open <மேசை> தரவு முதல் வரிசையில் உமிழ்கின்ற முன் டேக் மற்றும் நிறைவு <மேசை> tag after emitting the last row. To accomplish this, ContentQueryMain.xsl is modified to pass two parameters to our "grid" ItemStyle.xsl உள்ள டெம்ப்ளேட், "last row" and "current row". ItemStyle.xsl uses these to conditionally emit the necessary tags.
ஹீத்தர் சுலைமான் நுட்பத்தை பயன்படுத்தி, we locate ContentQueryMain.xsl. It is located in the same place as ItemStyle.xsl. This screen shot should help:
நாம் பின்வரும் மாற்றங்களை செய்ய வேண்டும்:
- ஒரு XSL டெம்ப்ளேட் மாற்ற, "CallItemTemplate" that actually invokes our Grid template in ItemStyle.xsl. We will pass two parameters to the Grid template so that it will have the data it needs to conditionally generate opening and closing <மேசை> குறிச்சொற்களை.
- Modify another bit of ContentQueryMain.xsl that calls the "CallItemTemplate" to pass it a "LastRow" LastRow எங்கள் கிரிட் டெம்ப்ளேட் கடத்தப்பட அளவுரு என்று.
Locate the template named "OuterTemplate.CallItemTemplate" சரம் அடையாளம்:
<XSL:டெம்ப்ளேட்டை பெயர்="OuterTemplate.CallItemTemplate">
பின்வருமாறு முழு டெம்ப்ளேட் பதிலாக:
|
|
<XSL:டெம்ப்ளேட்டை பெயர்="OuterTemplate.CallItemTemplate">
<XSL:நில் பெயர்="CurPosition" />
<!--
Add the "LastRow" அளவுரு.
We only use it when the item style pass in is "Grid".
-->
<XSL:நில் பெயர்="LastRow" />
<XSL:தேர்வு>
<XSL:எப்போது சோதனை="@ உடை = 'NewsRollUpItem'">
<XSL:-வார்ப்புருக்கள் விண்ணப்பிக்க தேர்ந்தெடு="." முறைமை="itemstyle">
<XSL:உடன், PARAM பெயர்="தொகுப்பு பாங்கு" தேர்ந்தெடு="$cbq_iseditmode" />
</XSL:-வார்ப்புருக்கள் விண்ணப்பிக்க>
</XSL:எப்போது>
<XSL:எப்போது சோதனை="@ உடை = 'NewsBigItem'">
<XSL:-வார்ப்புருக்கள் விண்ணப்பிக்க தேர்ந்தெடு="." முறைமை="itemstyle">
<XSL:உடன், PARAM பெயர்="CurPos" தேர்ந்தெடு="$CurPosition" />
</XSL:-வார்ப்புருக்கள் விண்ணப்பிக்க>
</XSL:எப்போது>
<XSL:எப்போது சோதனை="@ உடை = 'NewsCategoryItem'">
<XSL:-வார்ப்புருக்கள் விண்ணப்பிக்க தேர்ந்தெடு="." முறைமை="itemstyle">
<XSL:உடன், PARAM பெயர்="CurPos" தேர்ந்தெடு="$CurPosition" />
</XSL:-வார்ப்புருக்கள் விண்ணப்பிக்க>
</XSL:எப்போது>
<!--
கிரிட் itemstyle.xsl டெம்ப்ளேட் தற்போதைய நிலையை lastrow அனுப்ப.
ItemStyle.xsl திறந்த மற்றும் இறுதி வெளியிடுவதில்லை என்று பயன்படுத்தும் <மேசை> குறிச்சொற்களை.
-->
<XSL:எப்போது சோதனை="@ உடை = 'கிரிட்'">
<XSL:-வார்ப்புருக்கள் விண்ணப்பிக்க தேர்ந்தெடு="." முறைமை="itemstyle">
<XSL:உடன், PARAM பெயர்="CurPos" தேர்ந்தெடு="$CurPosition" />
<XSL:உடன், PARAM பெயர்="கடந்த" தேர்ந்தெடு="$LastRow" />
</XSL:-வார்ப்புருக்கள் விண்ணப்பிக்க>
</XSL:எப்போது>
<XSL:இல்லையெனில்>
<XSL:-வார்ப்புருக்கள் விண்ணப்பிக்க தேர்ந்தெடு="." முறைமை="itemstyle">
</XSL:-வார்ப்புருக்கள் விண்ணப்பிக்க>
</XSL:இல்லையெனில்>
</XSL:தேர்வு>
</XSL:டெம்ப்ளேட்டை>
|
Comments மாற்றங்கள் நோக்கம் விவரிக்கின்றன.
நிச்சயமாக, the "OuterTemplate.CallItemTemplate" is itself called from another template. Locate that template by searching for this text string:
<XSL:டெம்ப்ளேட்டை பெயர்="OuterTemplate.Body">
OuterTemplate.Body உள்ள வழிமுறைகளை மூலம் உருட்டும் மற்றும் LastRow அளவுரு பின்வருமாறு நுழைக்க (சாய்வு ஒரு கருத்து காட்டப்படும்):
<XSL:அழைப்பு-டெம்ப்ளேட் பெயர்="OuterTemplate.CallItemTemplate">
<XSL:உடன், PARAM பெயர்="CurPosition" தேர்ந்தெடு="$CurPosition" />
<!-- LastRow அளவுரு நுழைக்க. -->
<XSL:உடன், PARAM பெயர்="LastRow" தேர்ந்தெடு="$LastRow"/>
</XSL:அழைப்பு-டெம்ப்ளேட்>
இந்த அனைத்து பிறகு, நாம் இறுதியாக விஷயங்களை ஒழுங்காக நமது ItemStyle.xsl வெளியிடுவதில்லை என்று அமைக்க வேண்டும் <மேசை> சரியான இடத்தில் குறிச்சொற்களை.
ItemStyle.Xsl
குறிப்பு: மறுபடி, அந்த மாற்றங்கள் விளைவை பார்க்க அதனால் எந்த மாற்றம் செய்த பின் ItemStyle.xsl சரிபார்க்க.
நாம் இங்கு இரண்டு பணிகள் உள்ளன:
- Replace the entire Grid template. You can copy/paste from below.
- Add some mumbo jumbo outside the template definition that enables "formatcurrency" template to work. (நான் XSL ஒரு மெல்லிய கைப்பிடி என்று சொல்ல முடியும்).
முதல், ItemStyle.xsl மேல் அருகே, இந்த வரியை சேர்க்கவும்:
<!-- எங்களுக்கு அமெரிக்கா காட்ட உதவும் சில mumbo ஜம்போ. நாணய. -->
<XSL:தசம-வடிவம் பெயர்="ஊழியர்கள்" ஐக்கிய="டி" />
<XSL:டெம்ப்ளேட்டை பெயர்="தவறுதல்" பொருந்தவில்லை="*" முறைமை="itemstyle">
நான் முன்பு நேரடியாக சேர்க்க என்பதை கவனத்தில் <XSL:template name="Default" …> வரையறை.
அடுத்து, go back to our Grid template. Replace the entire Grid template with the code below. It is thoroughly commented, ஆனால் எனக்கு மின்னஞ்சல் தயங்க அல்லது கேள்விகள் இருந்தால் என் வலைப்பதிவில் கருத்துரைகளை விட்டு செல்லாதீர்கள்.
|
|
<XSL:டெம்ப்ளேட்டை பெயர்="கம்பி சட்டம்" பொருந்தவில்லை="வரிசை[@ உடை = 'கிரிட்']" முறைமை="itemstyle">
<!--
ContentMain.xsl CurPos மற்றும் கடைசி செல்கிறது.
நாம் நிபந்தனையின் பேரில் திறந்த மற்றும் இறுதி வெளியிடுவதில்லை இந்த பயன்படுத்த <மேசை> குறிச்சொற்களை.
-->
<XSL:நில் பெயர்="CurPos" />
<XSL:நில் பெயர்="கடந்த" />
<!-- பின்வரும் மாறிகள் தரமான ItemStyle.xsl இருந்து திருத்தப்படாத -->
<XSL:மாறி பெயர்="SafeImageUrl">
<XSL:அழைப்பு-டெம்ப்ளேட் பெயர்="OuterTemplate.GetSafeStaticUrl">
<XSL:உடன், PARAM பெயர்="UrlColumnName" தேர்ந்தெடு="'ImageUrl'"/>
</XSL:அழைப்பு-டெம்ப்ளேட்>
</XSL:மாறி>
<XSL:மாறி பெயர்="SafeLinkUrl">
<XSL:அழைப்பு-டெம்ப்ளேட் பெயர்="OuterTemplate.GetSafeLink">
<XSL:உடன், PARAM பெயர்="UrlColumnName" தேர்ந்தெடு="'LinkUrl'"/>
</XSL:அழைப்பு-டெம்ப்ளேட்>
</XSL:மாறி>
<XSL:மாறி பெயர்="DisplayTitle">
<XSL:அழைப்பு-டெம்ப்ளேட் பெயர்="OuterTemplate.GetTitle">
<XSL:உடன், PARAM பெயர்="தலைப்பு" தேர்ந்தெடு="@ தலைப்பு"/>
<XSL:உடன், PARAM பெயர்="UrlColumnName" தேர்ந்தெடு="'LinkUrl'"/>
</XSL:அழைப்பு-டெம்ப்ளேட்>
</XSL:மாறி>
<XSL:மாறி பெயர்="LinkTarget">
<XSL:என்றால், சோதனை="@ OpenInNewWindow = 'உண்மையான'" >_blank</XSL:என்றால்,>
</XSL:மாறி>
<!--
இங்கு நாம் ஒரு மாறி வரையறுக்க, "tableStart". இந்த HTML கொண்டிருக்கிறது
. குறிப்பு என்று நீங்கள் CurPos = 1, இது ஒரு CDATA குறிச்சொல் உள்ள HTML உள்ளடக்கியது.
இல்லையெனில், அது காலியாக இருக்கும்.
tableStart மதிப்பு ஒவ்வொரு முறையும் ItemStyle வழியாக அழைக்கப்படுகிறது emited
.
-->
<XSL:மாறி பெயர்="tableStart">
<XSL:என்றால், சோதனை="$CurPos = 1">
<![CDATA[
<அட்டவணை எல்லை = 1>
<tr bgcolor="blue">
<TD><font color="white"><ப>திட்டத்தின் பெயர்</ப></இருக்கின்றன></TD>
<td align="right"><font color="white"><ப>தேதி நிறைவு</ப></இருக்கின்றன></TD>
<td align="right"><font color="white"><ப>வரவு செலவு திட்டம்</ப></இருக்கின்றன></TD>
<td align="right"><font color="white"><ப>உண்மையான செலவு</ப></இருக்கின்றன></TD>
<TD><font color="white"><ப>ஒட்டுமொத்த நிலைமை</ப></இருக்கின்றன></TD>
</TR>
]]>
</XSL:என்றால்,>
</XSL:மாறி>
<!--
மற்றொரு மாறி, tableEnd வெறுமனே இறுதி அட்டவணை குறிச்சொல் வரையறுக்கிறது.
TableStart போல, அது எப்போதும் emited. அதன் மதிப்பு ஏன் இந்த
.
-->
<XSL:மாறி பெயர்="tableEnd">
<XSL:என்றால், சோதனை="$CURPOS கடைசியாக $ =">
<![CDATA[ </மேசை> ]]>
</XSL:என்றால்,>
</XSL:மாறி>
<!--
எப்போதும் tableStart உள்ளடக்கங்களை வெளியிடுவதில்லை. இந்த முதல் இருந்தால்
, நாம் அதன் மதிப்பு தெரியும்
.
தப்பி வெளியீடு முடக்க ஏனெனில் போது tableStart அது வெற்று இல்லை, அது
. என்றால்
, it will generate
stuff like "≪மேசை&ஜிடி;" instead of "<மேசை>".
-->
<XSL:மதிப்பு தேர்ந்தெடு="$tableStart" முடக்கவும் வெளியீடு-தப்பித்து="ஆம்"/>
<TR>
<!--
பி:Project_x005F_x0020_Name
:Project_x005F_x0020_End_x005F_x0020_Date
:Project_x005F_x0020_Budget
:Project_x005F_x0020_Expenses
:Project_x005F_x0020_Status
-->
<TD>
<XSL:மதிப்பு தேர்ந்தெடு="@ Project_x005F_x0020_Name"/>
</TD>
<TD ஒழுங்குசெய்="சரியான">
<XSL:மதிப்பு தேர்ந்தெடு="@ Project_x005F_x0020_End_x005F_x0020_Date"/>
</TD>
<TD ஒழுங்குசெய்="சரியான">
<XSL:அழைப்பு-டெம்ப்ளேட் பெயர்="formatCurrency">
<XSL:உடன், PARAM பெயர்="மதிப்பு"
தேர்ந்தெடு="@ Project_x005F_x0020_Budget"></XSL:உடன், PARAM>
</XSL:அழைப்பு-டெம்ப்ளேட்>
</TD>
<TD ஒழுங்குசெய்="சரியான">
<XSL:அழைப்பு-டெம்ப்ளேட் பெயர்="formatCurrency">
<XSL:உடன், PARAM பெயர்="மதிப்பு" தேர்ந்தெடு="@ Project_x005F_x0020_Expenses">
</XSL:உடன், PARAM>
</XSL:அழைப்பு-டெம்ப்ளேட்>
</TD>
<TD>
<XSL:மதிப்பு தேர்ந்தெடு="@ Project_x005F_x0020_Status"/>
</TD>
<!--
பின்வரும் அனைத்து விஷயங்களை தெளிவுபடுத்த வெளியே கருத்து.
எனினும், அதனை மீண்டும் கொண்டுவர மற்றும் அதை விஷயங்களுடன் <TD> அதன் பார்க்க
.
-->
<!--
<div id="linkitem" class="item">
<XSL:if test="string-length($SafeImageUrl) != 0">
<div class="image-area-left">
<a href="{$SafeLinkUrl}" target="{$LinkTarget}">
<img class="image-fixed-width" src="{$SafeImageUrl}"
alt="{@ ImageUrlAltText}"/>
</ஒரு>
</div>
</XSL:என்றால்,>
<div class="link-item">
<XSL:அழைப்பு-டெம்ப்ளேட்
name="OuterTemplate.CallPresenceStatusIconTemplate"/>
<a href="{$SafeLinkUrl}"
target="{$LinkTarget}" title="{@ LinkToolTip}">
<XSL:value-of select="$DisplayTitle"/>
</ஒரு>
<div class="description">
<XSL:value-of select="@Description" />
</div>
</div>
</div>
-->
</TR>
<!--
இறுதி அட்டவணை குறிச்சொல் வெளியிடுவதில்லை. நாம் கடந்த வரிசையில் இருந்தால்,
இந்த வெற்று வேண்டும்.
-->
<XSL:மதிப்பு தேர்ந்தெடு="$tableEnd" முடக்கவும் வெளியீடு-தப்பித்து="ஆம்"/>
</XSL:டெம்ப்ளேட்டை>
<XSL:டெம்ப்ளேட்டை பெயர்="formatCurrency">
<XSL:நில் பெயர்="மதிப்பு" தேர்ந்தெடு="0" />
<XSL:மதிப்பு தேர்ந்தெடு='வடிவமைப்பு எண்($மதிப்பு, "$DDD,டி.டி. டி,DDD.DD", "staff")' />
</XSL:டெம்ப்ளேட்டை>
|
