RadAutoCompleteBox in EditItemTemplate

[Bernie]

Hi!
I have a radgrid and try to implement the radautocomplete object in an edititemtemplate like this:

<EditItemTemplate>
    <telerik:RadAutoCompleteBox
        ID="RadAutoCompleteBox1" runat="server"
        Width="400" DropDownWidth="200"
        DataTextField="Field1"
        DataValueField="Field1"
        DataSourceID="ADS_Field1"
        InputType="Text"
        Delimiter=";"
        AllowCustomEntry="true"
        TokensSettings-AllowTokenEditing="true"
        Text='<%# Bind("Field1") %>'>
    </telerik:RadAutoCompleteBox>
</EditItemTemplate>

1. Problem: the binded field value does not appear in the edit form
2. If I change the inputtype to "Token" you cannot write in this field
3. how can I remove the delimiter before update, because I don't want to have it in my database

Thank you!

[Kalina]

Hello Peter,

In order to set an initially selected Entry in RadAutoCompleteBox you need to add a new entry to control Entries collection.
You can make this at RadGrid.OnItemDataBound event:

<EditFormSettings EditFormType="Template">
    <FormTemplate>
    ...
          <telerik:RadAutoCompleteBox ID="RadAutoCompleteBox1"
                      runat="server"></telerik:RadAutoCompleteBox>
   ...
    </FormTemplate>
</EditFormSettings>

protected void OnItemDataBoundHandler(object sender, GridItemEventArgs e)
{

    if (e.Item.IsInEditMode)
    {
        GridEditableItem item = (GridEditableItem)e.Item;
        if (!(e.Item is IGridInsertItem))
        {

            RadAutoCompleteBox auto = (RadAutoCompleteBox)item.FindControl("RadAutoCompleteBox1");
            auto.Entries.Add(new AutoCompleteBoxEntry(item["CategoryName"].Text, item["CategoryID"].Text));

        }

    }
}

Kind regards,
Kalina
the Telerik team

[Bernie]

Thank you!

i made following code which works for me, but I cannot set the focus to the field. I hope you have an idea!

protected void RG_Archiv_ItemDataBound(object sender, GridItemEventArgs e)
    {
        if (e.Item.IsInEditMode)
        {
            GridEditableItem item = (GridEditableItem)e.Item;
            if (!(e.Item is IGridInsertItem))
            {
                string Mandant_Name = ((DataRowView)e.Item.DataItem)["Mandant_Name"].ToString().Trim();
                RadAutoCompleteBox auto = (RadAutoCompleteBox)item.FindControl("RACB_Mandant_Name");
                auto.Entries.Add(new AutoCompleteBoxEntry(Mandant_Name, Mandant_Name));

                string Gegner_Name = ((DataRowView)e.Item.DataItem)["Gegner_Name"].ToString().Trim();
                RadAutoCompleteBox auto2 = (RadAutoCompleteBox)item.FindControl("RACB_Gegner_Name");
                auto2.Entries.Add(new AutoCompleteBoxEntry(Gegner_Name, Gegner_Name));

                auto.Focus();
            }
        }
    }

Thank you!

[Kalina]

Hi Peter,

Let me suggest you handle the OnClientLoad event of the RadAutoComplete that you nest in RadGrid EditItemTemplate, and focus the input element in this way:

<script type="text/javascript">
    function OnClientLoad(sender) {
        sender.get_inputElement().focus();
    }

</script>

Regards,
Kalina
the Telerik team

[Bernie]

Hi!

Thank you, but this doesn't work for me...