This is a migrated thread and some comments may be shown as answers.

DropDownList not working in IE8 when reading from XML datasource

1 Answer 63 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Patrick
Top achievements
Rank 1
Patrick asked on 28 Oct 2011, 07:33 PM
Hi, I'm getting the following javascript error in IE8 when I use XML as the datasource for the DropDownlist: "Object expected  kendo.all.min.js, line 1 character 14651"

My code works perfectly fine for all other browsers, just not IE8 (typical). Here is my test code: 

<!doctype html>
<html>
    <head>
        <title>Binding to remote data</title>
        <link href="http://cdn.kendostatic.com/2011.3.1007/styles/examples.min.css" rel="stylesheet"/>
        <link href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.common.min.css" rel="stylesheet"/>
        <link href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.kendo.min.css" rel="stylesheet"/>
        <script src="http://cdn.kendostatic.com/2011.3.1007/js/kendo.all.min.js"></script>
    </head>
    <body>
        <div id="example" class="k-content">
 
            <input id="titles"/>
 
            <script>
                $(document).ready(function() {
 
                     
                    $("#titles").kendoDropDownList({
                        dataTextField: "name",
                        dataValueField: "id"
                        dataSource: new kendo.data.DataSource({ 
                            type: "xml",                   
                            transport: {
                                read: {
                                    url: "WebService.asmx/GetTitles",
                                    data: {
                                        Param1: "input1",
                                        Param2: "input2"
                                    }   
                                }
                            },
                            schema: {
                                type: "xml",
                                data: "/NewDataSet/titles",
                                model: {
                                    fields: {
                                        id: "id/text()",
                                        name: "name/text()"
                                    }
                                }
                            }
                        })                       
                    });                    
                });
            </script>
        </div>
    </body>

Here is the XML:

<NewDataSet>
    <titles>
        <id>1</id>
        <name>Test1</name>
    </titles>
    <titles>
        <id>2</id>
        <name>Test2</name>
    </titles>
</NewDataSet>

Is it my code or is this a bug? Any help is appreciated, I'd rather not have to resort to other jquery plugins

1 Answer, 1 is accepted

Sort by
0
Georgi Krustev
Telerik team
answered on 31 Oct 2011, 10:16 AM
Hello Patrick,

 
Check this thread opened on the same matter.

Greetings,
Georgi Krustev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
DropDownList
Asked by
Patrick
Top achievements
Rank 1
Answers by
Georgi Krustev
Telerik team
Share this question
or