jQWidgets Forums

Tagged: DropDownList

This topic contains 1 reply, has 2 voices, and was last updated by Peter Stoev 11 years, 9 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Special character Issue in IE8 Posts

November 4, 2013 at 10:40 am Special character Issue in IE8 #31858

vadivelu

Participant

Hi,

My Array list is

table = [
{value: “1”, label:”text1 text2 A&A”},
{value: “2”, label:”text2 text2 B&B”}
];

When i am using valumember:value and displaymember:label. when the dropdown list rendered in IE8 i can get only the lables (text1 text2 A, text2 text2 B). It means the text after the & is not coming.

Please advise me.

Regards
K.Vadivelu

November 4, 2013 at 11:37 am Special character Issue in IE8 #31864

Peter Stoev

Keymaster

Hi K.Vadivelu,

In order to render special characters in an old browser like IE, you should replace & with &

Example:


<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdropdownlist.js"></script>
</head>
<body>
    <div id='content'>
        <script type="text/javascript">
            $(document).ready(function () {                
              
                var table = [
                    { value: "1", label: "text1 text2 A&amp;A" },
                    { value: "2", label: "text2 text2 B&amp;B" }
                ];
                // Create a jqxDropDownList
                $("#jqxWidget").jqxDropDownList({ source: table, selectedIndex: 1, displayMember: 'label', valueMember: 'value', width: '200', height: '25' });
            });
        </script>
        <div id='jqxWidget'>
        </div>
    </div>
</body>
</html>

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.