[CLOSED] Custom value in combobox

**bakardi** · Jun 23, 2011, 6:57 PM

How to allow editable combobox to return custom value. For example if value selected, return selected. If value entered and it doesn't exist in store return entered text as value.

**Vladimir** · Jun 23, 2011, 7:15 PM

Hi,

Please set ForceSelection="false" for the combo

**bakardi** · Jun 23, 2011, 7:54 PM

Looks like it doesn't work in my case:

<ext:PropertyGridParameter Name="TR/CR Section #"  Value="">
                                    <Renderer Handler="return (value != '' && #{cbSectionStore}.getById(value) != null)?#{cbSectionStore}.getById(value).data.Section: #{hdnSectionFix}.getValue();" />
                                    <Editor>
                                        <ext:ComboBox ID="cbSection" runat="server" DisplayField="Section" ValueField="ID" ItemSelector="div.cmb-item" ListWidth="350" ForceSelection="false">
                                            <Store>
                                                <ext:Store ID="cbSectionStore" runat="server" AutoLoad="false" OnRefreshData="SectionRefresh">
                                                    <BaseParams>
                                                        <ext:Parameter Name="Chapter" Value="chapter" Mode="Raw" />
                                                    </BaseParams>
                                                    <Reader>
                                                        <ext:JsonReader IDProperty="ID">
                                                            <Fields>
                                                                <ext:RecordField Name="ID" Mapping="ID" Type="int" />
                                                                <ext:RecordField Name="Section" Mapping="Section" />
                                                                <ext:RecordField Name="SectionTitle" Mapping="SectionTitle" Type="String" />
                                                            </Fields>
                                                        </ext:JsonReader>
                                                    </Reader>
                                                </ext:Store>
                                            </Store>
                                            <Listeners>
                                                <Focus Handler="this.onTriggerClick();" Delay="100" />
                                            </Listeners>
                                             <Template ID="Template6" runat="server">
                                                <Html>
                                                    <tpl for=".">
                                                          <div class="cmb-item"><b>{Section}</b><br />{SectionTitle}</div>
                                                    </tpl>
                                                </Html>
                                            </Template>
                                        </ext:ComboBox>
                                    </Editor>
                                </ext:PropertyGridParameter>

**Daniil** · Jun 23, 2011, 9:09 PM

Hi,

You should review the Renderer.

For example, try:

<Renderer Handler="return value;" />

You will see a value you type.

**bakardi** · Jun 23, 2011, 9:17 PM

I did. Looks like even with ForceSelection="false" it forsing to select value

**Daniil** · Jun 24, 2011, 6:58 AM

It doesn't force selection for me.

**bakardi** · Jun 28, 2011, 1:55 PM

I have created an example. Looks like if we do refresh store for combobox, forceselection doesn't work:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="ABCImaging.BPOL.Main.WebForm1" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!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 id="Head1" runat="server">
    <title>Ext.Net Example</title>
</head>
<body>
    <form id="Form1" runat="server">
    <ext:ResourceManager runat="server" />
    <ext:PropertyGrid runat="server" Width="200" AutoHeight="true">
        <Source>
            <ext:PropertyGridParameter Name="Prop1" Value="prop1">
                <Editor>
                    <ext:ComboBox runat="server" ForceSelection="false">
                        <Items>
                            <ext:ListItem Text="Item 1" Value="1" />
                            <ext:ListItem Text="Item 2" Value="2" />
                        </Items>
                        <Listeners>
                            <Select Handler="#{cbJopaStore1}.reload();" />
                        </Listeners>
                    </ext:ComboBox>
                </Editor>
            </ext:PropertyGridParameter>
            <ext:PropertyGridParameter Name="Prop2" Value="">
                <Editor>
                    <ext:ComboBox ID="cbJopa" runat="server" ValueField="Key" DisplayField="Value" ItemSelector="div.cmb-item" ForceSelection="false">
                        <Store>
                            <ext:Store ID="cbJopaStore1" runat="server" AutoLoad="false" OnRefreshData="SectionRefresh" >
                                <Reader>
                                    <ext:JsonReader IDProperty="Key">
                                        <Fields>
                                            <ext:RecordField Name="Key" Mapping="Key" Type="int" />
                                            <ext:RecordField Name="Value" Mapping="Value" />
                                        </Fields>
                                    </ext:JsonReader>
                                </Reader>
                            </ext:Store>
                        </Store>
                        <Template ID="Template6" runat="server">
                            <Html>
                                <tpl for=".">
                                                          <div class="cmb-item"><b>{Key}</b><br />{Value}</div>
                                                    </tpl>
                            </Html>
                        </Template>
                    </ext:ComboBox>
                </Editor>
            </ext:PropertyGridParameter>
        </Source>
    </ext:PropertyGrid>
    </form>
</body>
</html>

 protected void SectionRefresh(object sender, StoreRefreshDataEventArgs e)
        {
            var source = new KeyValuePair<int, string>[2];
            source[0] = new KeyValuePair<int, string>(1, "1");
            source[1] = new KeyValuePair<int, string>(2, "2");
            cbJopaStore1.DataSource = source;
            cbJopaStore1.DataBind();
        }

**Daniil** · Jun 28, 2011, 2:14 PM

I can type any value into the second ComboBox either before .reload() or after.

What exactly are your steps to reproduce?

Thread: [CLOSED] Custom value in combobox

Thread Tools

Search Thread

Display

Custom value in combobox

Similar Threads

[CLOSED] Custom Search Combobox

[CLOSED] Custom ComboBox loading

[CLOSED] Custom Search Combobox

[CLOSED] [1.0] ComboBox Custom Search

[CLOSED] custom search get value of combobox

Posting Permissions

Sitemap

Downloads

Resources