Creating xslt dataview in a app part with visual studio for office 365 :

Question

Hi,
I have a requirement for creating a app part which contains a list data view in office 365. Basically app part does not support dataview so i have started working with xslt data view inside a app part.
I have a sharepoint hosted app which contains a list. Now i am not getting a reference or a starting point to develop xslt dataview inside my app part.
Need help :)
thanks in advance.
Regards:
Sanjay Joshi

Answer 1

Hi indrajeet,
Thank you for your code. I incorporated your code in my page. Below is my code and xslt data view web parts.
That code works fine. But i am not able to manage the title of the collumn in data view. And reading xslt code in sharepoint 2010 designer is very typical. Please help me how can i manage below problem.
<WebPartPages:AllowFraming ID="AllowFraming" runat="server" />
<WebPartPages:WebPartZone runat="server" FrameType="Standard" ID="full" Title="loc:full">
<WebPartPages:XsltListViewWebPart ID="XsltListViewWebPart2" runat="server" ListUrl="Lists/Expense" IsIncluded="True" NoDefaultStyle="TRUE" Title="Test List" PageType="PAGE_NORMALVIEW" Default="False" ViewContentTypeId="0x"><xsl>
        <xsl:stylesheet
        version="1.0"
        exclude-result-prefixes="x xsl cmswrt cbq" 
        xmlns:x="http://www.w3.org/2001/XMLSchema"
        xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
        xmlns:cmswrt="http://schemas.microsoft.com/WebPart/v3/Publishing/runtime"
        xmlns:cbq="urn:schemas-microsoft-com:ContentByQueryWebPart">
        <xsl:output method="xml" indent="no" media-type="text/html" omit-xml-declaration="yes"/>
       <xsl:key name="Grouping" match="Row" use="@ExpenseType" />
      <xsl:template match="/">
          <table id="ExpenseDetail" border="1" cellpadding="1" cellspacing="1" width="100%">
             <tr class="ms-vb">
                  <td align="left" valign="middle" width="15px">Title</td>
                  <td align="left" valign="middle" width="15px"> EmployeeID</td>
                 <td align="left" valign="middle" width="15px">Employeeloginname</td>
                  <td align="left" valign="middle" width="15px">ExpenseDescription</td>
                 <td align="left" valign="middle" width="15px">TotalExpense</td>
                  <td align="left" valign="middle" width="15px">ApprovedBy</td>
                  <td align="left" valign="middle" width="15px">IsEmployeeActive</td>
                 <td align="left" valign="middle" width="15px">ApproverComments</td>
            </tr>
            </table>
     <xsl:for-each select="/dsQueryResponse/Rows/Row[generate-id(.)=generate-id(key('Grouping',@ExpenseType))]/@ExpenseType">
      <xsl:sort />
         <table border="1" cellpadding="1" cellspacing="1" width="100%">
           Group By Expense Type : <xsl:value-of select="."/>
            <xsl:for-each select="key('Grouping', .)">
            <tr class="ms-vb">
                <td align="left" valign="middle" width="15px"><xsl:value-of select="@Title" /></td>   
                <td align="left" valign="middle" width="15px"><xsl:value-of select="@EmployeeID" /></td>
                <td align="left" valign="middle" width="15px"><xsl:value-of select="@Employeeloginname" /></td>
                <td align="left" valign="middle" width="15px"><xsl:value-of select="@ExpenseDescription" /></td>
                <td align="left" valign="middle" width="15px"><xsl:value-of select="@TotalExpense" /></td>
                <td align="left" valign="middle" width="15px"><xsl:value-of disable-output-escaping="yes" select="@ApprovedBy" /></td>   
                <td align="left" valign="middle" width="15px"><xsl:value-of select="@IsEmployeeActive" /></td>
                <td align="left" valign="middle" width="15px"><xsl:value-of select="@ApproverComments" /></td>
           </tr>
          </xsl:for-each> 
        </table>  
    </xsl:for-each>  
        </xsl:template>
</xsl:stylesheet>
</xsl>
</WebPartPages:XsltListViewWebPart>
</WebPartPages:WebPartZone>
Please help on managing the collumn name. Not sure how to keep my xslt in the page so that dataview look good.
Regards:
Sanjay