Hi,
Please look at the example.
Example
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
class Test
{
public string groupId { get; set; }
public string test1 { get; set; }
public string test2 { get; set; }
}
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
Store store = this.GridPanel1.GetStore();
store.DataSource = new object[]
{
new Test()
{
groupId = "group1",
test1 = "1",
test2 = "1"
},
new Test()
{
groupId = "group1",
test1 = "11",
test2 = "11"
},
new Test()
{
groupId = "group1",
test1 = "111",
test2 = "111"
},
new Test()
{
groupId = "group2",
test1 = "2",
test2 = "2"
},
new Test()
{
groupId = "group2",
test1 = "22",
test2 = "22"
},
new Test()
{
groupId = "group2",
test1 = "22",
test2 = "22"
},
};
store.DataBind();
}
}
protected void GetValue(object sender, DirectEventArgs e)
{
Test test = JSON.Deserialize<Test>(this.DropDownField1.Text);
if (test != null)
{
X.Msg.Alert("test1", test.test1).Show();
}
else
{
X.Msg.Alert("No value", "No selected value.").Show();
}
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Ext.NET Example</title>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:DropDownField
ID="DropDownField1"
runat="server"
Editable="false"
Width="400"
TriggerIcon="SimpleArrowDown">
<Component>
<ext:GridPanel ID="GridPanel1" runat="server" AutoHeight="true">
<Store>
<ext:Store runat="server" GroupField="groupId">
<Reader>
<ext:JsonReader>
<Fields>
<ext:RecordField Name="groupId" />
<ext:RecordField Name="test1" />
<ext:RecordField Name="test2" />
</Fields>
</ext:JsonReader>
</Reader>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:Column Header="GroupId" DataIndex="groupId" />
<ext:Column Header="Test1" DataIndex="test1" />
<ext:Column Header="Test2" DataIndex="test2" />
<ext:CommandColumn>
<Commands>
<ext:GridCommand Icon="Accept" CommandName="Pick" />
</Commands>
</ext:CommandColumn>
</Columns>
</ColumnModel>
<View>
<ext:GroupingView runat="server" />
</View>
<Listeners>
<Command Handler="this.dropDownField.setValue(Ext.encode(record.data));" />
</Listeners>
</ext:GridPanel>
</Component>
</ext:DropDownField>
<ext:Button runat="server" Text="Get a test1" OnDirectClick="GetValue" />
</form>
</body>
</html>