DropDownList not working in IE8 when reading from XML datasource

2 posts, 0 answers
  1. Patrick
    Patrick avatar
    9 posts
    Member since:
    Oct 2011

    Posted 28 Oct 2011 Link to this post

    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
  2.
  3. Georgi Krustev
    Admin
    Georgi Krustev avatar
    3747 posts

    Posted 31 Oct 2011 Link to this post

    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!
Back to Top