Printable View
Hi,
I need to see an example of how to set the selected value and display value of a combo box, like in your example:
https://examples2.ext.net/#/Form/Com...Custom_Search/
How could I add a default selected value and have a button, which when clicked set the selected value and display text of the combobox?
Hope you can help,
Paul.
Hi Paul,
To set initial selection I would use a ComboBox's SelectedItems. To set an item on the fly, I would use the SetValue method.
Example
Though, both the actions require an item to be loaded in the ComboBox's Store. It won't preload it automatically.Code:<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
Store store = this.ComboBox1.GetStore();
store.DataSource = new object[]
{
new object[] { "1", "Item 1" },
new object[] { "2", "Item 2" },
new object[] { "3", "Item 3" }
};
}
}
protected void Set(object sender, DirectEventArgs e)
{
this.ComboBox1.SetValue("2");
}
</script>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Ext.NET v2 Example</title>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:ComboBox
ID="ComboBox1"
runat="server"
DisplayField="text"
ValueField="value">
<Store>
<ext:Store runat="server">
<Model>
<ext:Model runat="server">
<Fields>
<ext:ModelField Name="value" />
<ext:ModelField Name="text" />
</Fields>
</ext:Model>
</Model>
<Reader>
<ext:ArrayReader />
</Reader>
</ext:Store>
</Store>
<SelectedItems>
<ext:ListItem Value="1" />
</SelectedItems>
</ext:ComboBox>
<ext:Button runat="server" Text="Set" OnDirectClick="Set" />
</form>
</body>
</html>
You might be interested to read this thread:
http://forums.ext.net/showthread.php?22653
Hi Daniil,
Your example clearly doesn't answer the question - A bit of a cop out really!! Clearly I need to be able to set a default value using remote store, but the thread you directed me to doesn't answer the question. The OP says he created a custom control but there is no hint to me how to make it work.
Can you just give a little example code of how to set the combobox value when a remote stored is used please?
Quote:
Originally Posted by Daniil
There is an example in the post #9:Quote:
Originally Posted by paulc
http://forums.ext.net/showthread.php...l=1#post105666
Thanks for the link but I am using MVC. How would I data bind the selected value. I've tried RawValue and RawDisplayValue which looked promising but didn't appear to do anything. The other thing is I need to set the selected value/display value using javascript.Quote:
Originally Posted by Daniil
You can pass the Data via Model or ViewBag and apply it to the Store's Data in a View. And set up a ComboBox's SelectedItems.Quote:
Originally Posted by paulc
First, I would check if that item already exists in the ComboBox or not.Quote:
Originally Posted by paulc
http://docs.sencha.com/extjs/4.2.1/#...dRecordByValue
If yes, then you could just use a ComboBox's setValue method.
If no, there are two ways:
1. Add an item, see:
https://examples2.ext.net/#/Form/Com...Items_Actions/
and select it.
At some point you might need to remove this item to avoid duplicating, then a ComboBox gets the same item from server side.Code:comboBox.addItem(defaultText, defaultValue);
comboBox.setValue(defaultValue);
or
2. Preload an item and select it on a callback:
Code:store.load({
params: {
itemToLoad: defaultValue
},
callback: function() {
comboBox.setValue(defaultValue);
}
});