jQuery UI Widgets › Forums › Lists › DropDownList › Render bug (with checkboxes, DataAdapter)

Tagged: , , , ,

This topic contains 1 reply, has 2 voices, and was last updated by  Dimitar 11 years, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Render bug (with checkboxes, DataAdapter) Posts
  • May 14, 2013 at 9:08 am Render bug (with checkboxes, DataAdapter) #21119

    Makla
    Participant

    I found something odd with the newest version.
    The items is not rendering correctly: screenshot

    Source code:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    		<title></title>
    		<script src="Framework/Scripts/jquery-1.9.1.min.js"></script>
    		<script src="Framework/Scripts/jqwidgets/jqx-all.js"></script>
        	<link rel="stylesheet" href="Framework/Styles/jqx.base.css" type="text/css" />
        	<link rel="stylesheet" href="Framework/Styles/jqx.ui-sunny.css" type="text/css" />
      
    </head>
    <body>
        <div id='content'>
            <script type="text/javascript">
                $(document).ready(function () {
                    var theme = 'ui-sunny';
                    $('#window').jqxWindow({width: '300px', height: '200px'});
                    
                    // prepare the data
                    var source =
                    {
                        datatype: "json",
                        datafields: [
                            { name: 'label' },
                            { name: 'value' }
                        ],
                        localdata: [{label: "l1", value:"v1"}, {label: "l2", value:"v2"}]
                    };
                    var dataAdapter = new $.jqx.dataAdapter(source);
                    // Create a jqxDropDownList
                    $("#jqxWidget").jqxDropDownList({ checkboxes: true, source: dataAdapter, displayMember: "label", valueMember: "value", width: 200, height: 25, theme: theme });
                   
                });
            </script>
       <div  id="window">
       	<div>naziv</div>
       	<div>
            <div>
                <div id='jqxWidget'>
                </div>
                <div>
                    <div id="selectionlog"></div>
                    <div id="checkedItemsLog"></div>
                </div>
              
            </div>
       	</div>
       </div>
        </div>
    </body>
    </html>

    It works with 2.7.0 version.

    May 15, 2013 at 5:24 am Render bug (with checkboxes, DataAdapter) #21170

    Dimitar
    Participant

    Hello Makla,

    Please make sure you have also updated your CSS files to the latest version (2.8.3).

    Best Regards,
    Dimitar

    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.