ઝાંખી અને ઉદ્દેશ
આ બોક્સની બહાર, શેવાળ’ સામગ્રી ક્વેરી વેબ પાર્ટ (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>
<!-- લેબલ્સ ->
<ટીઆર bgcolor= વાદળી>
<ટીડી><ખિસ્ત્રી દેવળનું પવિત્ર જલપાત્ર રંગ= સફેદ><બોલ્ડ>પ્રોજેક્ટ નામ</બોલ્ડ></ખિસ્ત્રી દેવળનું પવિત્ર જલપાત્ર></ટીડી>
<ટીડી એક હારમાં લાવવું= અધિકાર><ખિસ્ત્રી દેવળનું પવિત્ર જલપાત્ર રંગ= સફેદ><બોલ્ડ>તારીખ પૂર્ણ</બોલ્ડ></ખિસ્ત્રી દેવળનું પવિત્ર જલપાત્ર></ટીડી>
<ટીડી એક હારમાં લાવવું= અધિકાર><ખિસ્ત્રી દેવળનું પવિત્ર જલપાત્ર રંગ= સફેદ><બોલ્ડ>બજેટ</બોલ્ડ></ખિસ્ત્રી દેવળનું પવિત્ર જલપાત્ર></ટીડી>
<ટીડી એક હારમાં લાવવું= અધિકાર><ખિસ્ત્રી દેવળનું પવિત્ર જલપાત્ર રંગ= સફેદ><બોલ્ડ>વાસ્તવિક ખર્ચ</બોલ્ડ></ખિસ્ત્રી દેવળનું પવિત્ર જલપાત્ર></ટીડી>
<ટીડી><ખિસ્ત્રી દેવળનું પવિત્ર જલપાત્ર રંગ= સફેદ><બોલ્ડ>એકંદર સ્થિતિ</બોલ્ડ></ખિસ્ત્રી દેવળનું પવિત્ર જલપાત્ર></ટીડી>
</ટીઆર>
<ટીઆર>
<ટીડી>ફરી વાયર કોમ્પ્યુટર રૂમ.</ટીડી>
<ટીડી એક હારમાં લાવવું= અધિકાર>02/01/08</ટીડી>
<ટીડી એક હારમાં લાવવું= અધિકાર>22,500.00</ટીડી>
<ટીડી એક હારમાં લાવવું= અધિકાર>19,000.00</ટીડી>
<ટીડી>પ્રગતિ</ટીડી>
</ટીઆર>
<ટીઆર>
<ટીડી>એસક્યુએલ સુધારા માટે જોગવાઈ સર્વર્સ</ટીડી>
<ટીડી એક હારમાં લાવવું= અધિકાર>04/01/08</ટીડી>
<ટીડી એક હારમાં લાવવું= અધિકાર>7,500.00</ટીડી>
<ટીડી એક હારમાં લાવવું= અધિકાર>0.00</ટીડી>
<ટીડી>આયોજિત</ટીડી>
</ટીઆર>
</ટેબલ>
</કેન્દ્ર>
</સંસ્થા>
</HTML>
|
માર્ગ
ગ્રીડ બનાવવા માટે આ પગલાંઓ અનુસરો:
- ગ્રીડ ની ઘટકો ઓળખો (પંક્તિઓ / કૉલમ્સ).
- જરૂરી સાઇટ કૉલમ નિર્ધારિત અને બનાવો.
- પ્રોજેક્ટ અને singleton યાદી ઉપ સાઇટ્સ બનાવો.
- વેબ પૃષ્ઠ પર 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 અને singleton પ્રોજેક્ટ સારાંશ યાદીઓ બનાવવા પછી 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:-દરેક માટે …> એક ઉમેરીને </ બીઆર> એક ક્લીનર યાદી પૂરી પાડે છે ટૅગ:
<xsl:-દરેક માટે પસંદ કરો="@ *">
પી:<xsl:કિંમત ઓફ પસંદ કરો="નામ()" /><બીઆર/>
</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:સાથે પરમ નામ="EditMode" પસંદ કરો="$cbq_iseditmode" />
</xsl:-નમૂનાઓ અરજી>
</xsl:ક્યારે>
<xsl:ક્યારે પરીક્ષણ="@ પ્રકાર = 'NewsBigItem'">
<xsl:-નમૂનાઓ અરજી પસંદ કરો="." રીત="itemstyle">
<xsl:સાથે પરમ નામ="CurPos" પસંદ કરો="$CurPosition" />
</xsl:-નમૂનાઓ અરજી>
</xsl:ક્યારે>
<xsl:ક્યારે પરીક્ષણ="@ પ્રકાર = 'NewsCategoryItem'">
<xsl:-નમૂનાઓ અરજી પસંદ કરો="." રીત="itemstyle">
<xsl:સાથે પરમ નામ="CurPos" પસંદ કરો="$CurPosition" />
</xsl:-નમૂનાઓ અરજી>
</xsl:ક્યારે>
<!--
આ ગ્રીડ itemstyle.xsl નમૂના પર વર્તમાન સ્થિતિ અને lastrow પસાર.
ItemStyle.xsl ઓપન અને બંધ સ્રાવ બહાર કાઢે છે કે ઉપયોગ કરશે <ટેબલ> ટૅગ્સ.
-->
<xsl:ક્યારે પરીક્ષણ="@ પ્રકાર = 'ગ્રીડ'">
<xsl:-નમૂનાઓ અરજી પસંદ કરો="." રીત="itemstyle">
<xsl:સાથે પરમ નામ="CurPos" પસંદ કરો="$CurPosition" />
<xsl:સાથે પરમ નામ="અંતિમ" પસંદ કરો="$LastRow" />
</xsl:-નમૂનાઓ અરજી>
</xsl:ક્યારે>
<xsl:અન્યથા>
<xsl:-નમૂનાઓ અરજી પસંદ કરો="." રીત="itemstyle">
</xsl:-નમૂનાઓ અરજી>
</xsl:અન્યથા>
</xsl:પસંદ કરો>
</xsl:નમૂનો>
|
ટિપ્પણીઓ ફેરફારો હેતુ વર્ણન.
અલબત્ત, 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:સાથે પરમ નામ="CurPosition" પસંદ કરો="$CurPosition" />
<!-- જો LastRow પરિમાણ શામેલ કરો. -->
<xsl:સાથે પરમ નામ="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:સાથે પરમ નામ="UrlColumnName" પસંદ કરો="'ImageUrl'"/>
</xsl:કોલ નમૂનો>
</xsl:પરિવર્તનશીલ>
<xsl:પરિવર્તનશીલ નામ="SafeLinkUrl">
<xsl:કોલ નમૂનો નામ="OuterTemplate.GetSafeLink">
<xsl:સાથે પરમ નામ="UrlColumnName" પસંદ કરો="'LinkUrl'"/>
</xsl:કોલ નમૂનો>
</xsl:પરિવર્તનશીલ>
<xsl:પરિવર્તનશીલ નામ="DisplayTitle">
<xsl:કોલ નમૂનો નામ="OuterTemplate.GetTitle">
<xsl:સાથે પરમ નામ="શીર્ષક" પસંદ કરો="@ શીર્ષક"/>
<xsl:સાથે પરમ નામ="UrlColumnName" પસંદ કરો="'LinkUrl'"/>
</xsl:કોલ નમૂનો>
</xsl:પરિવર્તનશીલ>
<xsl:પરિવર્તનશીલ નામ="LinkTarget">
<xsl:જો પરીક્ષણ="@ OpenInNewWindow = 'સાચું'" >_blank</xsl:જો>
</xsl:પરિવર્તનશીલ>
<!--
અહીં આપણે એક ચલ વ્યાખ્યાયિત, "tableStart". આ એચટીએમએલ પડે
. નોંધ કરો કે જો CurPos = 1, જો તે CDATA ટૅગ માં HTML સમાવેશ થાય છે.
અન્યથા, તે ખાલી રહેશે.
TableStart ની કિંમત દર વખતે ItemStyle મારફતે કહેવાય છે emited છે
.
-->
<xsl:પરિવર્તનશીલ નામ="tableStart">
<xsl:જો પરીક્ષણ="$CurPos = 1">
<![CDATA[
<ટેબલ સરહદ = 1>
<tr bgcolor="blue">
<ટીડી><font color="white"><બોલ્ડ>પ્રોજેક્ટ નામ</બોલ્ડ></ખિસ્ત્રી દેવળનું પવિત્ર જલપાત્ર></ટીડી>
<td align="right"><font color="white"><બોલ્ડ>તારીખ પૂર્ણ</બોલ્ડ></ખિસ્ત્રી દેવળનું પવિત્ર જલપાત્ર></ટીડી>
<td align="right"><font color="white"><બોલ્ડ>બજેટ</બોલ્ડ></ખિસ્ત્રી દેવળનું પવિત્ર જલપાત્ર></ટીડી>
<td align="right"><font color="white"><બોલ્ડ>વાસ્તવિક ખર્ચ</બોલ્ડ></ખિસ્ત્રી દેવળનું પવિત્ર જલપાત્ર></ટીડી>
<ટીડી><font color="white"><બોલ્ડ>એકંદર સ્થિતિ</બોલ્ડ></ખિસ્ત્રી દેવળનું પવિત્ર જલપાત્ર></ટીડી>
</ટીઆર>
]]>
</xsl:જો>
</xsl:પરિવર્તનશીલ>
<!--
અન્ય ચલ, tableEnd ખાલી બંધ ટેબલ ટૅગ વ્યાખ્યાયિત.
TableStart સાથે, તે હંમેશા emited છે. તેની કિંમત છે આ શા માટે છે
.
-->
<xsl:પરિવર્તનશીલ નામ="tableEnd">
<xsl:જો પરીક્ષણ="$CurPos છેલ્લું $ =">
<![CDATA[ </ટેબલ> ]]>
</xsl:જો>
</xsl:પરિવર્તનશીલ>
<!--
હંમેશા tableStart સમાવિષ્ટો સ્રાવ બહાર કાઢે છે. આ પ્રથમ નહિં હોય, તો
, પછી અમે તેની કિંમત ખબર
.
બહાર નીકળતો આઉટપુટને નિષ્ક્રિય કારણ કે જ્યારે tableStart તે ખાલી નથી, તે
. જો
, it will generate
stuff like "&એલટી;ટેબલ&જીટી;" instead of "<ટેબલ>".
-->
<xsl:કિંમત ઓફ પસંદ કરો="$tableStart" અક્ષમ-આઉટપુટ-નીકળતો="હા"/>
<ટીઆર>
<!--
પી:Project_x005F_x0020_Name
:Project_x005F_x0020_End_x005F_x0020_Date
:Project_x005F_x0020_Budget
:Project_x005F_x0020_Expenses
:Project_x005F_x0020_Status
-->
<ટીડી>
<xsl:કિંમત ઓફ પસંદ કરો="@ Project_x005F_x0020_Name"/>
</ટીડી>
<ટીડી એક હારમાં લાવવું="અધિકાર">
<xsl:કિંમત ઓફ પસંદ કરો="@ Project_x005F_x0020_End_x005F_x0020_Date"/>
</ટીડી>
<ટીડી એક હારમાં લાવવું="અધિકાર">
<xsl:કોલ નમૂનો નામ="formatcurrency">
<xsl:સાથે પરમ નામ="કિંમત"
પસંદ કરો="@ Project_x005F_x0020_Budget"></xsl:સાથે પરમ>
</xsl:કોલ નમૂનો>
</ટીડી>
<ટીડી એક હારમાં લાવવું="અધિકાર">
<xsl:કોલ નમૂનો નામ="formatcurrency">
<xsl:સાથે પરમ નામ="કિંમત" પસંદ કરો="@ Project_x005F_x0020_Expenses">
</xsl:સાથે પરમ>
</xsl:કોલ નમૂનો>
</ટીડી>
<ટીડી>
<xsl:કિંમત ઓફ પસંદ કરો="@ Project_x005F_x0020_Status"/>
</ટીડી>
<!--
નીચેની બધી વસ્તુઓ સ્પષ્ટ કરવા માટે બહાર ટિપ્પણી થયેલ છે.
તેમ છતાં, તેને પાછું લાવવા અને તેને સામગ્રી <ટીડી> તેના માટે જુઓ
.
-->
<!--
<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>
-->
</ટીઆર>
<!--
બંધ ટેબલ ટૅગ સ્રાવ બહાર કાઢે છે. અમે લોડ પંક્તિ પર ન હોય તો,
આ ખાલી રહેશે.
-->
<xsl:કિંમત ઓફ પસંદ કરો="$tableEnd" અક્ષમ-આઉટપુટ-નીકળતો="હા"/>
</xsl:નમૂનો>
<xsl:નમૂનો નામ="formatcurrency">
<xsl:પરમ નામ="કિંમત" પસંદ કરો="0" />
<xsl:કિંમત ઓફ પસંદ કરો='બંધારણમાં નંબર($કિંમત, "$DDD,DDD,DDD.DD", "staff")' />
</xsl:નમૂનો>
|
