Hi,
Here is an example:
Example
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
protected void GetValue(object sender, DirectEventArgs e)
{
string value = X.GetCmp<ComboBox>("ComboBox1").SelectedItem.Text;
X.Msg.Alert("Server", 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>
<script type="text/javascript">
var renderCombo = function(grid) {
var el = grid.getView().el.child(".x-grid3-td-1");
el.update("");
new Ext.form.ComboBox({
id: "ComboBox1",
renderTo: el,
displayField: "state",
triggerAction: "all",
valueField: "abbr",
store: new Ext.data.Store({
autoLoad: true,
reader: new Ext.data.ArrayReader({
fields: [{ name: "abbr" }, { name: "state" }, { name: "nick"}]
}),
proxy: new Ext.data.MemoryProxy(
[
[60, "Alabama", "The Heart of Dixie"],
[1, "Alaska", "The Land of the Midnight Sun"],
[0, "Arizona", "The Grand Canyon State"],
[3, "Arkansas", "The Natural State"]
],
false)
})
});
}
</script>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server">
<Listeners>
<DocumentReady Handler="ComboBox1 = null;"/>
</Listeners>
</ext:ResourceManager>
<ext:GridPanel ID="GridPanel1" runat="server">
<Store>
<ext:Store runat="server">
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="general" />
<ext:RecordField Name="FirstName" />
<ext:RecordField Name="SecondName" />
<ext:RecordField Name="ThirdName" />
<ext:RecordField Name="FourthName" />
<ext:RecordField Name="FifthName" />
<ext:RecordField Name="SixthName" />
</Fields>
</ext:ArrayReader>
</Reader>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:Column DataIndex="general" Header="general" />
<ext:Column DataIndex="FirstName" Header="First Name" />
<ext:Column DataIndex="SecondName" Header="Second Name" />
<ext:Column DataIndex="ThirdName" Header="Third Name" />
<ext:Column DataIndex="FourthName" Header="Fourth Name" />
<ext:Column DataIndex="FifthName" Header="Fifth Name" />
<ext:Column DataIndex="SixthName" Header="Sixth Name" />
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel runat="server" />
</SelectionModel>
<Plugins>
<ext:RowExpander runat="server" />
</Plugins>
<View>
<ext:GridView runat="server" ForceFit="true">
<HeaderGroupRows>
<ext:HeaderGroupRow>
<Columns>
<ext:HeaderGroupColumn ColSpan="1" />
<ext:HeaderGroupColumn ColSpan="1" />
<ext:HeaderGroupColumn Header="First & Second" ColSpan="2" Align="Center" />
<ext:HeaderGroupColumn Header="Thirth & Fourth" ColSpan="2" Align="Center" />
<ext:HeaderGroupColumn Header="Fifth & Sixth" ColSpan="2" Align="Center" />
</Columns>
</ext:HeaderGroupRow>
</HeaderGroupRows>
<Listeners>
<Refresh Handler=" if (ComboBox1) {
if (Ext.isIE) {
ComboBox1.destroy();
renderCombo(this.grid);
} else {
var el = this.grid.getView().el.child('.x-grid3-hd-inner.x-grid3-hd-1');
el.replaceWith(ComboBox1.getEl().parent().dom);
}
}"/>
</Listeners>
</ext:GridView>
</View>
<Listeners>
<ViewReady Handler="renderCombo(this);" />
</Listeners>
</ext:GridPanel>
<ext:Button runat="server" Text="Get combo's value from client side">
<Listeners>
<Click Handler="alert(ComboBox1.getValue());"/>
</Listeners>
</ext:Button>
<ext:Button runat="server" Text="Get combo's value from server side" OnDirectClick="GetValue" />
</form>
</body>
</html>