jQWidgets Forums

Forum Replies Created

Viewing 15 posts - 46 through 60 (of 87 total)
  • Author
    Posts
  • in reply to: Date format Date format #26820

    cosostones
    Participant

    Okay thanks for your response I understand the problem.

    Regards.

    in reply to: Date format Date format #26817

    cosostones
    Participant

    I’m sorry Peter but yes the grid add hours, I made a video to show you :

    http://screencast.com/t/JaJUwBqzuh

    The data are normally loaded but after the date are transformed.

    regards.

    in reply to: Date format Date format #26805

    cosostones
    Participant

    Hello Peter,

    I already tried to specifiy the format but the problem is still here.

    Regards.

    in reply to: Customize header column Customize header column #26258

    cosostones
    Participant

    Hello Dimitar,

    Thanks for your response I could achieve my goal with this.

    Regards.

    in reply to: Bug with json data Bug with json data #26150

    cosostones
    Participant

    Hello,

    Thanks for the workaround but I don’t understand why there is a column type if the datatype of the source override it.

    If other people wants to apply this workaround they should change the parameters of the cellsrenderer method to :

    cellsrenderer = function(row, columnfield, value, defaulthtml, columnproperties)

    Regards.

    in reply to: Bug with json data Bug with json data #26086

    cosostones
    Participant

    Hello Dimitar,

    I looked at the sample and the problem is the same, in the source the ‘calories’ field is a string if we change this to an int it doesn’t accept null value.

    Regards.

    in reply to: Problem with firstDay Problem with firstDay #26002

    cosostones
    Participant

    I tried that property and it works but I don’t understand why I should specify twice this behavior (firstDay in globalization and firstDayOfWeek in the datTimeInput).

    Regards.

    in reply to: Bug with json data Bug with json data #25997

    cosostones
    Participant

    May I have a response please ?

    Regards.

    in reply to: Problem with firstDay Problem with firstDay #25996

    cosostones
    Participant

    Ok but the problem is still here when I use a dateTimeInput out of the grid.
    Moreover my grid is localized and it doesn’t work either.

    Regards.

    in reply to: Error with Firefox Error with Firefox #25896

    cosostones
    Participant

    No body can help me ?


    cosostones
    Participant

    Hi Peter,

    So on this demo, the input with nums lock works fine : http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxmaskedinput/jquery-masked-input-getting-started.htm

    Is-it a configuration problem ?

    in reply to: Error with Firefox Error with Firefox #25715

    cosostones
    Participant

    Hi Peter,

    However, it seems that your website demos are using the 9.2.3 version.

    You can see a screen shot of the error here : http://sdrv.ms/13cNnjp.


    cosostones
    Participant

    So, I mean numerics lock instead of caps lock.

    Sorry about that…


    cosostones
    Participant

    Hi Peter,

    Thats right. Sorry for my mistake.

    So now performance are :
    – 100 items : 210ms
    – 200 items : 490ms
    – 300 items : 920ms
    – 400 items : 1550ms
    – 500 items : 2200ms

    I suppose it will not be possible to do better for now. Right ?

    This means we need to put busy indicator while doing things like that.
    Bad news is that the busy indicator could freezed during update…..

    Regards.

    Alain.


    cosostones
    Participant

    Hi Peter,

    Thanks for your help.

    I used the example you have gave me.

    Several things have significately improve response time :
    – using beginupdate() and endupdate()
    – making observable only the items array (not all the properties of each item)
    – using dataAdapter an JS to genrate the grid (instead of using “data-bind” inside HTML)

    So now response time is like that (using “console.time” in JS code) :
    – 100 items : 400ms
    – 200 items : 1160ms
    – 300 items : 2500ms
    – 400 items : 4300ms

    This is exponential and in term of end-user experience this doesn’t looks good.

    So do you know a way to accelerate update and refresh ?

    Below the code I used to test performance (based on provided example).

    Regards.

    Alain.

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title id='Description'>This example shows how to integrate jqxGrid using jqxDataAdapter with Knockout.js.
    </title>
    <link rel="stylesheet" href="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="http://www.jqwidgets.com/jquery-widgets-demo/scripts/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="http://www.jqwidgets.com/jquery-widgets-demo/scripts/json2.js"></script>
    <script type="text/javascript" src="http://www.jqwidgets.com/jquery-widgets-demo/scripts/knockout-2.2.1.js"></script>
    <script type="text/javascript" src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxdata.js"></script>
    <script type="text/javascript" src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxmenu.js"></script>
    <script type="text/javascript" src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxgrid.js"></script>
    <script type="text/javascript" src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxgrid.selection.js"></script>
    <script type="text/javascript" src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxgrid.sort.js"></script>
    <script type="text/javascript" src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxgrid.edit.js"></script>
    <script type="text/javascript" src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxknockout.js"></script>
    <script type="text/javascript" src="http://www.jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxcheckbox.js"></script>
    <script type="text/javascript" src="http://www.jqwidgets.com/jquery-widgets-demo/scripts/gettheme.js"></script>
    <script type="text/javascript">
    $(document).ready(function () {
    var initialData = [];
    // Filling initialData with 200 objects
    for (var i = 1; i <= 200; i++) {
    initialData[initialData.length] = { id: i, selected : false, name: "Well-Travelled..." + i, sales: 1000 + i, price: 100 + i};
    }
    var GridModel = function (items) {
    this.items = ko.observableArray(items);
    this.disabled = ko.observable(false);
    this.selected = false;
    this.updateItem = function () {
    var self = this;
    self.selected = !self.selected;
    console.time("start");
    $('#jqxGrid').jqxGrid('beginupdate');
    // update all items.
    if (self.items().length) {
    $.each(self.items(), function (i, oldItem) {
    oldItem.selected = self.selected;
    self.items.replace(self.items()[i], oldItem);
    });
    }
    $('#jqxGrid').jqxGrid('endupdate');
    console.timeEnd("start");
    };
    };
    var model = new GridModel(initialData);
    var source = {
    localdata: model.items,
    datatype: 'observablearray'
    }
    var dataAdapter = new $.jqx.dataAdapter(source);
    $("#jqxGrid").jqxGrid({
    width : 530,
    height : 400,
    theme: getDemoTheme(),
    source: dataAdapter,
    sortable: true,
    editable: true,
    selectionmode: 'singlecell',
    columns: [
    { text: 'Selected', dataField: 'selected', width: 80 },
    { text: 'Id', dataField: 'id', width: 20 },
    { text: 'Name', dataField: 'name', width: 200 },
    { text: 'Sales', dataField: 'sales', width: 100, cellsalign: 'right' },
    { text: 'Price', dataField: 'price', width: 100, cellsformat: 'c2', cellsalign: 'right' }
    ]
    });
    ko.applyBindings(model);
    });
    </script>
    </head>
    <body class='default'>
    <div id='jqxWidget'>
    <div style="margin-bottom: 10px;">
    <input id="updateButton" type="button" data-bind="click: updateItem, jqxButton: {theme: getDemoTheme()}" value="Update Item" />
    </div>
    <div data-bind="jqxGrid: {disabled: disabled}" id="jqxGrid">
    </div>
    </div>
    </body>
    </html>
Viewing 15 posts - 46 through 60 (of 87 total)