[CLOSED] SelectBox: Problem with characters "<" and ">"

Hi,

I am having some issue with characters "<" and ">" in the SelectBox.
If I use "<abc><def>", it will not be displayed in the List, but it will be displayed in the SelectBox properly.
If I use "<ghi>", it will be correctly displayed in the List as "<ghi>" but it will be incorrectly displayed in the SelectBox as "<ghi>".

Can you advice how I can show values that contain "<" and ">" for both the SelectBox and the List?

Complete HTML:

Code:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="WebApplication.ExtNet.Trending.Test" ValidateRequest="false" %> <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %> <html> <head runat="server"> <title>Untitled Page</title> </head> <body> <form id="form1" runat="server"> <ext:ResourceManager ID="ResourceManager_Trending" runat="server" IDMode="Explicit" /> <ext:SelectBox ID="SelectBox1" runat="server" ValueField="Code" DisplayField="Description" Width="120"> <Store> <ext:Store ID="storeSelectBox1" runat="server"> <Reader> <ext:ArrayReader> <Fields> <ext:RecordField Name="Code" /> <ext:RecordField Name="Description" /> </Fields> </ext:ArrayReader> </Reader> </ext:Store> </Store> </ext:SelectBox> </form> </body> </html>

Complete Server-Side Codes:

Code:

using System; using Ext.Net; namespace WebApplication.ExtNet.Trending { public partial class Test : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { object[] datasource = new object[3]; datasource[0] = new object[] { 1, "Value 1" }; datasource[1] = new object[] { 2, "<abc><def>" }; datasource[2] = new object[] { 3, "<ghi>" }; var store = this.SelectBox1.GetStore(); store.DataSource = datasource; store.DataBind(); } } }

Please see
http://forums.ext.net/showthread.php...ll=1#post16709

I suggest to use Template and encode values in the template

Hi Vladimir,

Thanks for the quick response.

I managed to make it work. Thank you and please close this ticket.

Code:

<ext:SelectBox ID="SelectBox1" runat="server" ValueField="Code" DisplayField="Description" Width="120"> <Store> <ext:Store ID="storeSelectBox1" runat="server"> <Reader> <ext:ArrayReader> <Fields> <ext:RecordField Name="Code" /> <ext:RecordField Name="Description" /> </Fields> </ext:ArrayReader> </Reader> </ext:Store> </Store> <Template ID="Template_SelectBox1" runat="server"> <Html> <tpl for="."> <div class="x-combo-list-item">{Description:htmlEncode}</div> </tpl> </Html> </Template> </ext:SelectBox>

You need to set up a respective ItemSelector or use the default one this way.

Example

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) { object[] datasource = new object[3]; datasource[0] = new object[] { 1, "Value 1" }; datasource[1] = new object[] { 2, "<abc><def>" }; datasource[2] = new object[] { 3, "<ghi>" }; var store = this.SelectBox1.GetStore(); store.DataSource = datasource; store.DataBind(); } } </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> </head> <body> <form runat="server"> <ext:ResourceManager runat="server" /> <ext:SelectBox ID="SelectBox1" runat="server" ValueField="Code" DisplayField="Description" Width="120"> <Store> <ext:Store runat="server"> <Reader> <ext:ArrayReader> <Fields> <ext:RecordField Name="Code" /> <ext:RecordField Name="Description" /> </Fields> </ext:ArrayReader> </Reader> </ext:Store> </Store> <Template runat="server"> <Html> <tpl for="."> <div class="x-combo-list-item">{Description:htmlEncode}</div> </tpl> </Html> </Template> </ext:SelectBox> </form> </body> </html>

Thanks Daniil, it now works perfectly. Please close this ticket.