jQWidgets Forums
Forum Replies Created
-
Author
-
Okay thanks for your response I understand the problem.
Regards.
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.
Hello Peter,
I already tried to specifiy the format but the problem is still here.
Regards.
Hello Dimitar,
Thanks for your response I could achieve my goal with this.
Regards.
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.
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.
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.
May I have a response please ?
Regards.
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.
No body can help me ?
July 25, 2013 at 7:27 am in reply to: JqxMaskedInput doesn't work with caps lock JqxMaskedInput doesn't work with caps lock #25716Hi 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 ?
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.
July 24, 2013 at 3:22 pm in reply to: JqxMaskedInput doesn't work with caps lock JqxMaskedInput doesn't work with caps lock #25687So, I mean numerics lock instead of caps lock.
Sorry about that…
July 11, 2013 at 5:23 pm in reply to: jqxGrid + Knockout + mapping : performance jqxGrid + Knockout + mapping : performance #25031Hi 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 : 2200msI 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.
July 11, 2013 at 1:07 pm in reply to: jqxGrid + Knockout + mapping : performance jqxGrid + Knockout + mapping : performance #25020Hi 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 : 4300msThis 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>
-
AuthorPosts