jQWidgets Forums

Forum Replies Created

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

Author

Posts

November 7, 2013 at 3:26 pm in reply to: jqxGrid not displaying thousands of rows in deffered scrolling mode jqxGrid not displaying thousands of rows in deffered scrolling mode #32185

Kamilche

Member

I appreciate your quick response, but that didn’t resolve the problem – it still shows only the first 200 lines. (On some machines it’s 100, on some machines it’s 200). I see you changed the topic title, because you said ‘it isn’t a bug’ – but if your workaround is to not use a feature, it IS a bug, at least in that feature. Plus your fix (of not using the feature) didn’t work for me anyway.

Because of this bug, I can’t really use this product, or recommend its use to others at my workplace. Which is a shame, because it’s a slick looking product. However, functionality is more important than appearance.

Thanks for the opportunity to evaluate your product.

–Kamilche

November 1, 2013 at 9:06 pm in reply to: /Date( Format /Date( Format #31818

Kamilche

Member

Well, the process of thinning it down to a simple example resulted in it working. I’ll post what worked for me in case anyone else has this problem:

<!DOCTYPE html>
<html lang="en">
<head>
    <title id='Description'>This example shows how to populate jqxGrid with JSON data using jqxDataAdapter and Knockout.
    </title>
    <link rel="stylesheet" href="Scripts/Lib/jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="Scripts/Lib/jqwidgets/scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="Scripts/Lib/jqwidgets/scripts/json2.js"></script> 
    <script type="text/javascript" src="Scripts/Lib/jqwidgets/scripts/knockout-2.2.1.js"></script>
    <script type="text/javascript" src="Scripts/Lib/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="Scripts/Lib/jqwidgets/jqxdata.js"></script>
    <script type="text/javascript" src="Scripts/Lib/jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="Scripts/Lib/jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="Scripts/Lib/jqwidgets/jqxmenu.js"></script>
    <script type="text/javascript" src="Scripts/Lib/jqwidgets/jqxgrid.js"></script>
    <script type="text/javascript" src="Scripts/Lib/jqwidgets/jqxgrid.selection.js"></script>
    <script type="text/javascript" src="Scripts/Lib/jqwidgets/jqxgrid.edit.js"></script>
    <script type="text/javascript" src="Scripts/Lib/jqwidgets/jqxknockout.js"></script>
    <script type="text/javascript" src="Scripts/Lib/jqwidgets/jqxcheckbox.js"></script>
    <script type="text/javascript" src="Scripts/Lib/jqwidgets/scripts/gettheme.js"></script>
    <script type="text/javascript">
        var data = [{
            id: "1",
            name: "Hot Chocolate",
            type: "Chocolate Beverage",
            calories: "370",
            totalfat: "16g",
            protein: "14g",
            price: 1.79,
            thedate: '/Date(1382907313490)/'
        }, {
            id: 2,
            name: "Peppermint Hot Chocolate",
            type: "Chocolate Beverage",
            calories: "440",
            totalfat: "16g",
            protein: "13g",
            price: 1.82,
            thedate: '/Date(1382907313490)/'
        }];
        $(document).ready(function () {
            var GridModel = function () {
                this.items = ko.observableArray(data);
            };
            var model = new GridModel();
            // prepare the data
            var source =
            {
                datatype: "observablearray",
                datafields: [
                    { name: 'name' },
                    { name: 'type' },
                    { name: 'calories', type: 'int' },
                    { name: 'totalfat' },
                    { name: 'protein' },
                    { name: 'price' },
                    { name: 'thedate', type: 'date' }
                ],
                id: 'id',
                localdata: model.items
            };
            var dataAdapter = new $.jqx.dataAdapter(source);
            $("#grid").jqxGrid(
            {
                width: 670,
                source: dataAdapter,
                theme: getDemoTheme(),
                columns: [
                  { text: 'Name', datafield: 'name', width: 250 },
                  { text: 'Beverage Type', datafield: 'type', width: 250 },
                  { text: 'Calories', datafield: 'calories', width: 180 },
                  { text: 'Total Fat', datafield: 'totalfat', width: 120 },
                  { text: 'Protein', datafield: 'protein', minwidth: 120 },
                  { text: 'Price', datafield: 'price', minwidth: 120 },
                  { text: 'The date', datafield: 'thedate', cellsFormat: 'MM/dd/yyyy HH:mm:ss', minwidth: 200 }
        ]
            });
            ko.applyBindings(model);
        });
    </script>
</head>
<body class='default'>
    <div id='jqxWidget'>
        <div id="grid">
        </div>
    </div>
</body>
</html>

Author

Posts

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