Apr 08, 2010, 6:57 PM
[CLOSED] [1.0] Listview inside portlet - how to fit to size of portlet or show borders?
I have a Listview inside a Portlet. Is there a way to remove the padding around the Listview so it's snug inside the Portlet? Alternatively, is there a way to add border to a Listview? Possible to add borders between rows too, like the regular GridView?
<script runat="server">
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Dim list = New Generic.List(Of Object)
list.Add(New With {.ID = "Test", .Name = "Test"})
list.Add(New With {.ID = "Test1", .Name = "Test1"})
list.Add(New With {.ID = "Test2", .Name = "Test2"})
Me.store.DataSource = list
Me.store.DataBind()
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Slate" />
<ext:Viewport ID="Viewport1" runat="server">
<Items>
<ext:BorderLayout ID="BorderLayout1" runat="server">
<Center MarginsSummary="5 5 5 5">
<ext:Panel ID="Panel4" runat="server" Title="One Column" Layout="Fit">
<Items>
<ext:Portal ID="Portal1" runat="server" Border="false" Layout="Column">
<Items>
<ext:PortalColumn ID="PortalColumn1" runat="server" StyleSpec="padding:10px 10px 10px 10px"
ColumnWidth="1" Layout="Anchor">
<Items>
<ext:Portlet ID="Portlet1" runat="server" Height="200" Title="Portlet Title" CloseAction="Close">
<Content>
<ext:ListView runat="server" ID="grid" MultiSelect="true">
<Columns>
<ext:ListViewColumn DataIndex="ID" Header="ID">
</ext:ListViewColumn>
<ext:ListViewColumn DataIndex="Name" Header="Name">
</ext:ListViewColumn>
</Columns>
<Store>
<ext:Store runat="server" ID="store">
<Reader>
<ext:JsonReader IDProperty="ID">
<Fields>
<ext:RecordField Name="ID">
</ext:RecordField>
<ext:RecordField Name="Name">
</ext:RecordField>
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
</Store>
</ext:ListView>
<ext:Label runat="server" Text="Do something">
</ext:Label>
</Content>
</ext:Portlet>
</Items>
</ext:PortalColumn>
</Items>
</ext:Portal>
</Items>
</ext:Panel>
</Center>
</ext:BorderLayout>
</Items>
</ext:Viewport>
</form>
</body>
</html>