Aug 12, 2014, 4:44 AM
GridPanel with each different ListItems to combobox
Hi,
I need a gridpanel with each different listitems to combobox.
and the combobox listitem added dynamically.
My sample code below.
I can't find a way how implement the combobox with ComponentColumn.
I need a gridpanel with each different listitems to combobox.
and the combobox listitem added dynamically.
My sample code below.
I can't find a way how implement the combobox with ComponentColumn.
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
public class MyItem
{
public int Id { get; set; }
public string Name { get; set; }
public List<DataItem> Datas { get; set; }
}
public class DataItem
{
public int ItemId { get; set; }
public string ItemName { get; set; }
}
protected void Page_Load(object sender, EventArgs e)
{
List<MyItem> list = new List<MyItem>();
for (int i = 1; i < 6; i++)
{
MyItem item = new MyItem();
item.Id = i;
item.Name = "My " + i;
List<DataItem> dataList = new List<DataItem>();
for (int j = 0; j < 2; j++)
{
Random r = new Random();
int rand = r.Next();
DataItem data = new DataItem();
data.ItemId = j;
data.ItemName = "Data " + rand;
dataList.Add(data);
}
item.Datas = dataList;
list.Add(item);
}
MyStore.DataSource = list;
MyStore.DataBind();
}
</script>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<ext:ResourceManager runat="server" />
<ext:GridPanel runat="server">
<Store>
<ext:Store ID="MyStore" runat="server">
<Model>
<ext:Model runat="server">
<Fields>
<ext:ModelField Name="Id" />
<ext:ModelField Name="Name" />
<ext:ModelField Name="Datas" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel>
<Columns>
<ext:Column runat="server" DataIndex="Id" Text="Id" />
<ext:Column runat="server" DataIndex="Name" Text="Name" />
<ext:ComponentColumn runat="server" DataIndex="Datas" Text="Data" Editor="true">
<Component>
<ext:ComboBox runat="server" />
</Component>
</ext:ComponentColumn>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:CheckboxSelectionModel runat="server" />
</SelectionModel>
</ext:GridPanel>
</body>
</html>