Questions on UI for ASP.NET AJAX Forum

1 answer

251 views

Hi,
How to hide the no records template. I want to show 5 empty rows in the radgrid.

I have tried this without luck:

<MasterTableView DataKeyNames="ProductNumber" ShowHeadersWhenNoRecords="true" EnableNoRecordsTemplate="false" AutoGenerateColumns="false" EditMode="InPlace" CommandItemDisplay="Bottom" CommandItemSettings-AddNewRecordText="Add New Order">

Thanks

Grid

answered on 18 Jan 2013

14 answers

268 views

RadScriptManager adds reference to OpenAccess Error

I created a test project and Added a RadScriptManager and a RadGrid.....this is a new project without any reference to OpenAccess...I do have OpenAccess on my computer.

I have done a simple application without Telerik controls...and it works....

I'm using Visual Studio 2010, Windows 7 and Radcontrols 2012.1.411.40

How do I get past the OpenAccess issue ( Remove it.)

Could not load file or assembly 'Telerik.OpenAccess, Version=2012.1.301.2, Culture=neutral, PublicKeyToken=7ce17eeaf1d59342' or one of its dependencies. The system cannot find the file specified.

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.IO.FileNotFoundException: Could not load file or assembly 'Telerik.OpenAccess, Version=2012.1.301.2, Culture=neutral, PublicKeyToken=7ce17eeaf1d59342' or one of its dependencies. The system cannot find the file specified.

Source Error:

Line 15:         <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
Line 16:  <a href="http://www.asp.net" title="ASP.NET Website">www.asp.net</a>.
Line 17: <telerik:RadScriptManager ID="RadScriptManager1" Runat="server"> Line 18:         </telerik:RadScriptManager>
Line 19:     </p>

ScriptManager and StyleSheetManager

answered on 18 Jan 2013

2 answers

139 views

RadRadialGauge Text in between at exactly where the needle starts

Hi,

I am using RadRadialGauge in my application I wanted to add text at the point where the needle starts or below the needle.

Please let me know how I can do this.

Thanks,

Chart (Obsolete)

answered on 18 Jan 2013

11 answers

252 views

RadwindowManger problem

Hi,

I have a radwindowmanager problem as implementing with radscheduler.

On the appointment is clicked, the window's visibleonpageload set to be true. After the things are done and the window is closed. However, each time radscheduler is navigated, the window is popped up again. I am not sure what causes the problem.

I set the ajax update control(radscheduler, radwindowmanager).

Regards,

Duy

Window

answered on 18 Jan 2013

1 answer

109 views

Loading msg not appearing for Load on Demand

Hi,

I have a combobox which i've setup to use the EnableAutomaticLoadOnDemand. This works fine. When you click on the combobox, the dropdown list is populated using the ItemsRequested event.
However, looking at the demo examples on the telerik site, the load on demand examples have a "loading..." msg appear by default while the combobox is being populated. But my combobox has lost this msg & so it never appears. After you click on the combobox, a blank drop down list appears & then a few sconds later it is populated with the data items. I would like to have the loading msg visible but i can't seem to get it working (even though i have specifically set the msg text in my combobox). See below for my code:

<telerik:RadComboBox ID="ApprovalItem" runat="server" AllowCustomText="false"

AppendDataBoundItems="True" CssClass="ComboBoxPadding"

DataSourceID="DS_CostCentre" DataTextField="CCDesc" DataValueField="costcentre"

DropDownWidth="420px" EmptyMessage="Select Approval Item:" Enabled="False"

Font-Names="Verdana" Font-Size="8pt" HighlightTemplatedItems="true"

MarkFirstMatch="true" TabIndex="9" EnableAutomaticLoadOnDemand="True"

EnableVirtualScrolling="true" ShowMoreResultsBox="true"

ShowWhileLoading="true" LoadingMessage="Loading..." ShowDropDownOnTextboxClick="true"

onitemsrequested="ApprovalItem_ItemsRequested">

</telerik:RadComboBox

Am i doing something wrong in my combobox? I've tried the code without the LoadingMessage value to see if it appears by default but i just get a blank.

Thanks in advance for any help.

Shuja

ComboBox

answered on 18 Jan 2013

1 answer

93 views

Radgrid Row Selection CSS problem

Dear Team Telerik,

               I have Multiple radgrids. I want to display different selection row css for different radgrid. means each and every grid which is using same skin i want to display different row selection css. I used the below css. But it is coming for all radgrids as background i need to display separate selection css for remaining radgrids . Please suggest me any other way.

        .rgSelectedRow
        {
          background:none !important;
          background:none #D1E0ED !important;
          color: black !important;
        }
        .rgSelectedRow a
        {
          color: black !important;
        }

Thanks in advance.

Grid

answered on 18 Jan 2013

2 answers

392 views

Detail Table of RadGrid not sorting descending

I made a sample two-level grouping grid based on a page I am using and am filling it with sample data in the attached code. The first level grouping is sorting ascending and descending just fine. The second level grouping seems to only sort ascending successfully. The re-sort to descending is failing. I've attempted a few different ways to fix this, but they haven't been fully successful. Any help would be appreciated.

Code behind:

Imports System.Data

Imports System.Data.SqlClient

Imports System.Web.HttpContext

Imports Telerik.Web.UI

Imports System.IO

Partial Class _TestSort

Inherits System.Web.UI.Page

#Region " Variables"

Private _dvMarksFlat As DataView = Nothing

#End Region

#Region " Control Events"

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

If IsPostBack Then

hdnLoadDone.Value = "N"

End If

If hdnLoadDone.Value <> "Y" Then

LoadData()

rgMarks.Rebind()

hdnLoadDone.Value = "Y"

End If

End Sub

#End Region

#Region " Marks Grid"

Public Function GetData_MarksTopGroup(ByRef dtMarksFlat As DataTable) As DataTable

Dim dvMarks As DataView = dtMarksFlat.DefaultView

Dim dtMarksTopGroup As DataTable = dvMarks.ToTable("" ,True, "SCHOOL_YEAR", "GRADE_LEVEL_CODE", "SEMESTER_TERM", "SEMESTER_TERM_Nm", _

"ATTENDING_DISTRICT_ID_Nm", "ATTENDING_SCHOOL_ID_Nm")

Return dtMarksTopGroup

End Function

Protected Sub rgMarks_NeedDataSource(ByVal source As Object, ByVal e As GridNeedDataSourceEventArgs)

Try

If _dvMarksFlat isnot Nothing Then

Dim dtMarksFlat As DataTable = _dvMarksFlat.ToTable

Dim dtMarksTopGroup As DataTable = GetData_MarksTopGroup(dtMarksFlat)

rgMarks.DataSource = dtMarksTopGroup

lblNoData.Visible = False

Else

'No Data

lblNoData.Visible = True

rgMarks.Visible = False

End If

Catch ex As Exception

'Hide data/controls if error

End Try

End Sub

Protected Sub rgMarks_DetailTableDataBind(ByVal source As Object, ByVal e As GridDetailTableDataBindEventArgs)

Dim dataItem As GridDataItem = CType(e.DetailTableView.ParentItem, GridDataItem)

Select Case e.DetailTableView.Name

Case "Course"

If _dvMarksFlat isnot Nothing Then

Dim dtMarksFlat As DataTable = _dvMarksFlat.ToTable

Dim SCHOOL_YEAR As String = dataItem.GetDataKeyValue("SCHOOL_YEAR").ToString()

Dim GRADE_LEVEL_CODE As String = dataItem.GetDataKeyValue("GRADE_LEVEL_CODE").ToString()

Dim SEMESTER_TERM As String = dataItem.GetDataKeyValue("SEMESTER_TERM").ToString()

Dim ATTENDING_DISTRICT_ID_Nm As String = dataItem.GetDataKeyValue("ATTENDING_DISTRICT_ID_Nm").ToString()

Dim ATTENDING_SCHOOL_ID_Nm As String = dataItem.GetDataKeyValue("ATTENDING_SCHOOL_ID_Nm").ToString()

Dim dvMarksFiltered As DataView = dtMarksFlat.DefaultView

dvMarksFiltered.RowFilter = "SCHOOL_YEAR='" & SCHOOL_YEAR & "' AND GRADE_LEVEL_CODE='" & GRADE_LEVEL_CODE & "' AND SEMESTER_TERM='" _

& SEMESTER_TERM & "' AND ATTENDING_DISTRICT_ID_Nm='"& ATTENDING_DISTRICT_ID_Nm & "' AND ATTENDING_SCHOOL_ID_Nm='"& ATTENDING_SCHOOL_ID_Nm & "'"

e.DetailTableView.DataSource = dvMarksFiltered.ToTable

End If

End Select

End Sub

Private Sub rgMarks_DataBound(sender As Object, e As System.EventArgs) Handles rgMarks.DataBound

If rgMarks.MasterTableView.Items.Count > 0 Then

rgMarks.MasterTableView.Items(0).Expanded = True

End If

End Sub

#End Region

#Region " Load Data"

Public Sub LoadData()

Dim dtMarksTemp As DataTable = GetData_Marks()

_dvMarksFlat = dtMarksTemp.DefaultView

End Sub

Public Function GetData_Marks(Optional ByRef blnNoData As Boolean = False) As DataTable

Dim dtMarksFlat As New DataTable

dtMarksFlat.Columns.Add("SCHOOL_YEAR", GetType(String))

dtMarksFlat.Columns.Add("SEMESTER_TERM", GetType(String))

dtMarksFlat.Columns.Add("SEMESTER_TERM_Nm", GetType(String))

dtMarksFlat.Columns.Add("COURSE_CODE", GetType(String))

dtMarksFlat.Columns.Add("COURSE_CODE_Nm", GetType(String))

dtMarksFlat.Columns.Add("LOCAL_COURSE_CODE", GetType(String))

dtMarksFlat.Columns.Add("COURSE_MARK", GetType(String))

dtMarksFlat.Columns.Add("EFFORT_DESCRIPTOR", GetType(String))

dtMarksFlat.Columns.Add("GRADE_LEVEL_CODE", GetType(String))

dtMarksFlat.Columns.Add("CREDIT_ATTEMPTED", GetType(String))

dtMarksFlat.Columns.Add("CREDIT_EARNED", GetType(String))

dtMarksFlat.Columns.Add("ATTENDING_DISTRICT_ID_Nm", GetType(String))

dtMarksFlat.Columns.Add("ATTENDING_SCHOOL_ID_Nm", GetType(String))

dtMarksFlat.Columns.Add("COURSE_MARK_EFFORT", GetType(String))

dtMarksFlat.Rows.Add("0910","T1","First Tri-Semester","2052","Algebra I","M3001","B","B","08",Nothing,Nothing,"Test District","Test School", "A")

dtMarksFlat.Rows.Add("0910","T2","Second Tri-Semester","2052","Algebra I","M3002","B","B","08",Nothing,Nothing,"Test District","Test School", "B")

dtMarksFlat.Rows.Add("0910","T3","Third Tri-Semester","2052","Algebra I","M3003","B","B","08",Nothing,Nothing,"Test District","Test School", "B")

dtMarksFlat.Rows.Add("1011","T1","First Tri-Semester","2052","Algebra I","M3001","B","B","09",Nothing,Nothing,"Test District","Test School", "A")

dtMarksFlat.Rows.Add("1011","T2","Second Tri-Semester","2052","Algebra I","M3002","B","B","09",Nothing,Nothing,"Test District","Test School", "B")

dtMarksFlat.Rows.Add("1011","T3","Third Tri-Semester","2052","Algebra I","M3003","B","B","09",Nothing,Nothing,"Test District","Test School", "B")

dtMarksFlat.Rows.Add("0910","T1","First Tri-Semester","6101","Spanish I","W2011","B","B","08",Nothing,Nothing,"Test District","Test School", "A")

dtMarksFlat.Rows.Add("0910","T2","Second Tri-Semester","6101","Spanish I","W2011","B","B","08",Nothing,Nothing,"Test District","Test School", "B")

dtMarksFlat.Rows.Add("0910","T3","Third Tri-Semester","6101","Spanish I","W2011","B","B","08",Nothing,Nothing,"Test District","Test School", "B")

dtMarksFlat.Rows.Add("1011","T1","First Tri-Semester","6101","Spanish I","W2011","B","B","09",Nothing,Nothing,"Test District","Test School", "A")

dtMarksFlat.Rows.Add("1011","T2","Second Tri-Semester","6101","Spanish I","W2011","B","B","09",Nothing,Nothing,"Test District","Test School", "B")

dtMarksFlat.Rows.Add("1011","T3","Third Tri-Semester","6101","Spanish I","W2011","B","B","09",Nothing,Nothing,"Test District","Test School", "B")

Return dtMarksFlat

End Function

#End Region

End Class

Page:

<%@ Page Language="VB" AutoEventWireup="false" Inherits="myProject._TestSort" title="Student Details" Codebehind="TestSort.aspx.vb" Trace="false" ValidateRequest="false" %>

<html>

<body >

<form id="form1" method="post" runat="server" >

<telerik:RadFormDecorator ID="FormDecorator1" runat="server" DecoratedControls="all"></telerik:RadFormDecorator>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" AsyncPostBackTimeout="600" />

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<style type="text/css">

a:hover {color: #444444; text-decoration: overline underline; background-color: #E1DDC9 !important;}

.btnDisable .rbPrimaryIcon

{

background: url(images/loading2.gif) !important;

}

</style>

</telerik:RadCodeBlock>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" >

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<updatedcontrols>

<telerik:AjaxUpdatedControl ControlID="rgMarks" />

</updatedcontrols>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="rgMarks">

<updatedcontrols>

<telerik:AjaxUpdatedControl ControlID="rgMarks" />

</updatedcontrols>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" >

</telerik:RadAjaxLoadingPanel>

<style type="text/css">

/*hide expand icon in panel*/

div.RadPanelBar span.rpExpandHandle

{

background-image: none !important;

}

</style>

<table>

<tr>

<td>

<telerik:RadGrid runat="server" ID="rgMarks"

OnNeedDataSource="rgMarks_NeedDataSource" OnDetailTableDataBind="rgMarks_DetailTableDataBind" AllowMultiRowSelection="False"

AutoGenerateColumns="false" AllowSorting="True" AllowPaging="true" PageSize="20" ViewStateMode="Enabled" >

<PagerStyle Mode="NumericPages" />

<MasterTableView Name="Term" DataKeyNames="SCHOOL_YEAR,GRADE_LEVEL_CODE,SEMESTER_TERM,ATTENDING_DISTRICT_ID_Nm,ATTENDING_SCHOOL_ID_Nm" ClientDataKeyNames="SCHOOL_YEAR,GRADE_LEVEL_CODE,SEMESTER_TERM,ATTENDING_DISTRICT_ID_Nm,ATTENDING_SCHOOL_ID_Nm"

AllowMultiColumnSorting="True" HierarchyLoadMode="Client" GroupLoadMode="Client" AllowNaturalSort="false" >

<DetailTables>

<telerik:GridTableView Name="Course" AllowPaging="true" PageSize="20" DataKeyNames="SCHOOL_YEAR,GRADE_LEVEL_CODE,SEMESTER_TERM,ATTENDING_DISTRICT_ID_Nm,ATTENDING_SCHOOL_ID_Nm"

ClientDataKeyNames="SCHOOL_YEAR,GRADE_LEVEL_CODE,SEMESTER_TERM,ATTENDING_DISTRICT_ID_Nm,ATTENDING_SCHOOL_ID_Nm"

Width="100%" AllowSorting="True" GroupLoadMode="Client" HierarchyLoadMode="Client"

AllowNaturalSort="false" AllowMultiColumnSorting="True" AllowCustomSorting="true" >

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="SCHOOL_YEAR" MasterKeyField="SCHOOL_YEAR" />

<telerik:GridRelationFields DetailKeyField="GRADE_LEVEL_CODE" MasterKeyField="GRADE_LEVEL_CODE" />

<telerik:GridRelationFields DetailKeyField="SEMESTER_TERM" MasterKeyField="SEMESTER_TERM" />

<telerik:GridRelationFields DetailKeyField="ATTENDING_DISTRICT_ID_Nm" MasterKeyField="ATTENDING_DISTRICT_ID_Nm" />

<telerik:GridRelationFields DetailKeyField="ATTENDING_SCHOOL_ID_Nm" MasterKeyField="ATTENDING_SCHOOL_ID_Nm" />

</ParentTableRelation

<Columns>

<telerik:GridBoundColumn UniqueName="SCHOOL_YEAR" DataField="SCHOOL_YEAR" SortExpression="SCHOOL_YEAR" HeaderText="SCHOOL_YEAR" Display="false" />

<telerik:GridBoundColumn UniqueName="LOCAL_COURSE_CODE" DataField="LOCAL_COURSE_CODE" SortExpression="LOCAL_COURSE_CODE" HeaderText="LOCAL_COURSE_CODE" Display="true" />

<telerik:GridBoundColumn UniqueName="COURSE_CODE" DataField="COURSE_CODE" SortExpression="COURSE_CODE" HeaderText="COURSE_CODE" Display="true" />

<telerik:GridBoundColumn UniqueName="COURSE_CODE_Nm" DataField="COURSE_CODE_Nm" SortExpression="COURSE_CODE_Nm" HeaderText="COURSE_CODE_Nm" Display="true" />

<telerik:GridBoundColumn UniqueName="CREDIT_ATTEMPTED" DataField="CREDIT_ATTEMPTED" SortExpression="CREDIT_ATTEMPTED" HeaderText="CREDIT_ATTEMPTED" Display="true" />

<telerik:GridBoundColumn UniqueName="CREDIT_EARNED" DataField="CREDIT_EARNED" SortExpression="CREDIT_EARNED" HeaderText="CREDIT_EARNED" Display="true" />

<telerik:GridBoundColumn UniqueName="COURSE_MARK_EFFORT" DataField="COURSE_MARK_EFFORT" SortExpression="COURSE_MARK_EFFORT" HeaderText="COURSE_MARK_EFFORT" Display="true" />

<telerik:GridBoundColumn UniqueName="COURSE_MARK" DataField="COURSE_MARK" SortExpression="COURSE_MARK" HeaderText="COURSE_MARK" Display="false" />

<telerik:GridBoundColumn UniqueName="EFFORT_DESCRIPTOR" DataField="EFFORT_DESCRIPTOR" SortExpression="EFFORT_DESCRIPTOR" HeaderText="EFFORT_DESCRIPTOR" Display="false" />

</Columns>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridBoundColumn DataField="SCHOOL_YEAR" UniqueName="SCHOOL_YEAR" SortExpression="SCHOOL_YEAR" HeaderText="SCHOOL_YEAR" Display="true" />

<telerik:GridBoundColumn DataField="GRADE_LEVEL_CODE" UniqueName="GRADE_LEVEL_CODE" SortExpression="GRADE_LEVEL_CODE" HeaderText="GRADE_LEVEL_CODE" Display="true" />

<telerik:GridBoundColumn DataField="SEMESTER_TERM" UniqueName="SEMESTER_TERM" SortExpression="SEMESTER_TERM" HeaderText="SEMESTER_TERM" Display="false" />

<telerik:GridBoundColumn DataField="SEMESTER_TERM_Nm" UniqueName="SEMESTER_TERM_Nm" SortExpression="SEMESTER_TERM_Nm" HeaderText="SEMESTER_TERM_Nm" Display="true" />

<telerik:GridBoundColumn DataField="ATTENDING_DISTRICT_ID_Nm" UniqueName="ATTENDING_DISTRICT_ID_Nm" SortExpression="ATTENDING_DISTRICT_ID_Nm" HeaderText="ATTENDING_DISTRICT_ID_Nm" Display="true" />

<telerik:GridBoundColumn DataField="ATTENDING_SCHOOL_ID_Nm" UniqueName="ATTENDING_SCHOOL_ID_Nm" SortExpression="ATTENDING_SCHOOL_ID_Nm" HeaderText="ATTENDING_SCHOOL_ID_Nm" Display="true" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblNoData" runat="server" Text="No Data Available" Visible="false" />

</td>

</tr>

</table>

<asp:HiddenField ID="hdnLoadDone" runat="server" Value="" />

</form>

</body>

</html>

Grid

answered on 17 Jan 2013

2 answers

120 views

Combobox appearance in VS 2012

The dropdown portion of combobox is overriding the textbox part in Visual Studio 2012, in browsers (tried IE and Chrome), while it is normal in Visual studio 2010
What settings need to be tweaked please

Thanks
Hamid

ComboBox

answered on 17 Jan 2013

1 answer

391 views

Invalid postback or callback argument using NeedDataSource

I'm creating a properties panel with the RadGrid, allowing the properties of a column of a different grid to be viewed/edited.

However, when I try to edit a row, I'm seeing this error:

System.ArgumentException: Invalid postback or callback argument. Event validation is enabled using <pages enableEventValidation="true"

/> in configuration or <%@ Page EnableEventValidation="true" %> in a page.  For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them.  If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation.

at System.Web.UI.ClientScriptManager.ValidateEvent(String uniqueId, String argument)

at System.Web.UI.Control.ValidateEvent(String uniqueID, String eventArgument)

at System.Web.UI.WebControls.ImageButton.RaisePostBackEvent(String eventArgument)

at System.Web.UI.WebControls.ImageButton.System.Web.UI.IPostBackEventHandler.RaisePostBackEvent(String eventArgument)

at System.Web.UI.Page.RaisePostBackEvent(IPostBackEventHandler sourceControl, String eventArgument)

at System.Web.UI.Page.RaisePostBackEvent(NameValueCollection postData)

at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)

I've been looking for more information and I did see this thread: http://www.telerik.com/community/forums/aspnet-ajax/grid/telerik-radgrid-invalid-postback-or-callback-argument.aspx

I am using Advanced DataBinding, utilizing the NeedDataSource event so the solution there doesn't seem applicable. I do have ajax enabled, utilizing the AjaxManagerProxy on the page for the grid. At load, the NeedDataSource will bind to an empty arraylist. If a user clicks the column of a different grid, I utilize an ajax request to populate the datasource of this grid. I then DataBind(). This works fine.

Once I click the "edit" button on the grid row, that is when this issue arises. The edit button is within the radgrid that's erroring but maybe due to my process it's not "the control that originally rendered" the edit button?

Below are some code snippets. DisplayColumnProperties is what the ajax request comes back and ultimately calls. It's not applicable to clicking the "edit" button, but it is a special case so I included it.

public void DisplayColumnProperties(string uniqueName)

{

if (CustomReport != null && !string.IsNullOrEmpty(uniqueName))

{

GridColumnProperties_SetDataSource(uniqueName);

gridColumnProperties.DataBind();

}

protected void GridColumnProperties_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

string columnName = (string)this.ViewState["columnName"];

if (!string.IsNullOrEmpty(columnName))

{

GridColumnProperties_SetDataSource(columnName);

} else {

gridColumnProperties.DataSource = new ArrayList();

}

GridColumnProperties_SetDataSource does not DataBind() as I think some might ask. It builds up a view model object dictionary and sets that to the datasource as well as setting the columnName in the viewstate.

Any insight is appreciated. Thank you.

Grid

answered on 17 Jan 2013

1 answer

79 views

Using AutoComplete box as normal textbox

Hi,
I was able to use the autocomplete text box to filter out user entries as he types.

Here is what I want to do additionally -

I want the same control to be used as a regular textbox - so after user selects an option from the listed matches, he should still be able to continue typing in the same text box. This additional text should not get lost after lost focus from the text box. Also, the selected option should not appear as a separate entity enclosed in an invisible frame with spaces before and after. It should just be displayed as normal text in the auto complete text box.

Is it possible to do this using the same control?

AutoCompleteBox