How to add itemtemplate in silverlight datagrid like asp.net gridview

Aug 24 2011 5:19 AM
Hi,
I want to add one gridview control like as follows in silverlight application. Can any one help me how to achieve this?
I am uploading screenshot how i want the design.....




<asp:GridView ID="gdView" runat="server" AutoGenerateColumns="false" AlternatingRowStyle-CssClass="grdAlterRowColor" 
HeaderStyle-CssClass="grdHeading" HeaderStyle-HorizontalAlign="Center" 
RowStyle-CssClass="grdLable" RowStyle-HorizontalAlign="left" CellPadding="4" CellSpacing="0">
<Columns> 
<asp:TemplateField HeaderText="S.No">
<ItemTemplate>
<%#Container.DataItemIndex+1 %>
</ItemTemplate> 
</asp:TemplateField>


<asp:TemplateField HeaderText="QUESTIONS">
<ItemTemplate> 
<asp:TextBox ID="txtQuestion" runat="server" TextMode="MultiLine" Width="600px" CssClass="txtBox"></asp:TextBox>
<div>
<asp:Panel ID="panelOptional" runat="server">
<table width="100%" border="0">
<tr>
<td class="txtBox" style="width:50%">a. <asp:TextBox ID="txtOpt1" runat="server" Width="90%" ></asp:TextBox></td>
<td class="txtBox" style="width:50%">b. <asp:TextBox ID="txtOpt2" runat="server" Width="90%" ></asp:TextBox></td>
</tr>
<tr>
<td class="txtBox" style="width:50%">c. <asp:TextBox ID="txtOpt3" runat="server" Width="90%" ></asp:TextBox></td>
<td class="txtBox" style="width:50%">d. <asp:TextBox ID="txtOpt4" runat="server" Width="90%" ></asp:TextBox></td>
</tr>
</table>
</asp:Panel>
</div>
</ItemTemplate> 
</asp:TemplateField>


<asp:TemplateField HeaderText="TYPE">
<ItemTemplate>


<asp:DropDownList ID="ddType" runat="server" Width="80px" CssClass="ddownn">
<asp:ListItem Value="1">Optional</asp:ListItem>
<asp:ListItem Value="2">CheckBox</asp:ListItem>
</asp:DropDownList><br /><br />


<asp:DropDownList ID="ddStatus" runat="server" Width="80px" CssClass="ddownn">
<asp:ListItem Value="1">Active</asp:ListItem>
<asp:ListItem Value="2">Deactive</asp:ListItem>
</asp:DropDownList>


</ItemTemplate> 
<HeaderStyle VerticalAlign="Top"/> 
</asp:TemplateField>


<asp:TemplateField HeaderText="ANSWER">
<ItemTemplate>
<%--<asp:DropDownList ID="ddAnswer" runat="server" Width="80px" CssClass="ddownn">
<asp:ListItem Value="1">a</asp:ListItem>
<asp:ListItem Value="2">b</asp:ListItem>
<asp:ListItem Value="3">c</asp:ListItem>
<asp:ListItem Value="4">d</asp:ListItem>
</asp:DropDownList>--%>


<asp:ListBox ID="listAnswer" runat="server" Width="50px" CssClass="ddownn" SelectionMode="Multiple">
<asp:ListItem Value="1">a</asp:ListItem>
<asp:ListItem Value="2">b</asp:ListItem>
<asp:ListItem Value="3">c</asp:ListItem>
<asp:ListItem Value="4">d</asp:ListItem>
</asp:ListBox>
</ItemTemplate> 
<HeaderStyle VerticalAlign="Top" /> 
</asp:TemplateField>


</Columns>
</asp:GridView>




Thanks in advance,
Rajesh.M



Attachment: screenshot.zip

Answers (3)