[nab054371Participant]

Thank you Peter. Did you just add a button to the solution I shared with you? Cause I am not seeing much of a difference between your solution and the non-working solution that I shared with you couple of days ago. The problem is – everytime I try to change the time value, it resets itself to currenttime. So I am not able to update the time value when using it in mobile.

[nab054371Participant]

Hi Peter,

Here’s the link to jsfiddle:

https://jsfiddle.net/s1fuzq77/

Please note that this feature works on desktop browser. The issue seems to manifest itself on mobile. I am using android mobile for my testing effort.

Regards

[nab054371Participant]

Your thoughts Peter?

[nab054371Participant]

selectedtime (string type) is the input that end user will key into this datetime field. It is null in the beginning. It accounts for the scenario where an error is encountered on the server side and the page has to be displayed back to the end user with the values keyed in by the user. This piece of code works just fine when using desktop based browsers. I am sharing converttotime function below:

function ConvertToTime(stringTime)
{
var date = new Date();
hours = stringTime.substr(0,2);
minutes = stringTime.substr(3,2);
date.setHours(parseInt(hours));
date.setMinutes(parseInt(minutes));

return date;
}

[nab054371Participant]

Hi Peter,

Thank you for your feedback. So maybe I did not do a good job at articulating the issue in my last post. I am not displaying the expander in the grid. The expander is being displayed in a diferent div tag, but the display of expander is triggered by a grid row click. So for example, if the grid has 3 rows, upon clicking each row , the expander is displayed in a separate grid element.

Regards

[nab054371Participant]

I am sharing my code below. Why is retrievepymthistory being called twice when I click the next page on grid?

var urlstr = ‘?fromDate=’ + fromdate + ‘&toDate=’ + todate;

var source =
{
datatype: “json”,
datafields: [
{ name: ‘creationdate’ },
{ name: ‘amount’ },
{ name: ‘id’}
],
cache: false,
url: ‘/retrievepymthistory’ + urlstr,
root: ‘paymentrecords’,
beforeprocessing: function (data) {
source.totalrecords = data.totalrows;
if(data.status == “FAIL”){
$(‘#warningcontent’).html(data.message);
$(‘#jqxwarningwindow’).jqxWindow({ title: ‘ATTENTION!’,height: 220,width: 180,isModal: true,modalOpacity: 0.3 });
$(‘#jqxwarningwindow’).jqxWindow(‘open’);
$(‘#jqxwarningwindow’).jqxWindow({ position: { x: 90, y: 400 }});
x = document.getElementById(‘jqxwarningwindow’);
x.style.visibility = ‘visible’;
x.style.display = ‘block’;
return;
}//End of data.status == FAIL.
}

};

var dataAdapter = new $.jqx.dataAdapter(source);

var columnsrenderer = function (value) {
return ‘<div style=”text-align: center; margin-top: 5px;”>’ + value + ‘</div>’;
}

var contentrenderer = function (row, column, value) {
return ‘<div style=”text-align: center;”>’ + value + ‘</div>’;
}

$(‘#jqxgrid’).on(‘bindingcomplete’, function (event) {
console.log(“inside binding complete”);
var localizationobj = {};
localizationobj.emptydatastring = ‘No matching payment records found.’;
localizationobj.loadtext = “Loading Matching Payment Records”;
$(‘#jqxgrid’).jqxGrid(‘localizestrings’, localizationobj);
if(source.totalrecords <= 0){
x = document.getElementById(‘xyzexpander’);
x.style.visibility = ‘hidden’;
x.style.display = ‘none’;
x = document.getElementById(‘rcolumn3’);
x.style.visibility = ‘hidden’;
}
});

$(“#jqxgrid”).jqxGrid(
{
width: ‘99%’,
height: ‘400px’,
source: dataAdapter,
pageable: true,
virtualmode: true,
rendergridrows: function()
{
return dataAdapter.records;
},
ready: function(){
console.log(“inside ready”);
source.totalrecords = 14;

},
rowdetails: false,
selectionmode: ‘selectrow’,
columnsheight: 55, //Sets header height.
pagerheight: 50, //Sets the footer height.
pagesize: 11, //Set the number of rows visible in a grid page.
//rowsheight: 30,
autorowheight: true,
pagermode: ‘simple’,
//pagesizeoptions:[’10’],
theme: “ui-lightness”,

[nab054371Participant]

So when I click on next page in the grid, it looks like the ajax service to retrieve next set of rows is being called twice, first with pagenum = 1 and then with pagenum = 0. The second call with pagenum = 0 brings back records currently displayed on page 0 and following error message:

Error: jqxGrid: The data is still loading. When the data binding is completed, the Grid raises the ‘bindingcomplete’ event. Call this function in the ‘bindingcomplete’ event handler.

[nab054371Participant]

Hi Dimitar,

So all the ajax service would do is return the total row count. For now, I am hard-coding this total row count in the ready function as shared in my last post. However, now, with the ready function, when I click on next page in the grid, it doesn’t really take me to the next page! I have not changed the ajax service that retrieves next set of records when user clicks on next page in the grid.

Regards

[nab054371Participant]

Hi Dimitar,

Thank you for your feedback. So is this what you are suggesting? It does not seem to be working! Thank you.

ready: function(){
source.totalrecords = rowcount_returned_from_server;
},

Regards.

[nab054371Participant]

perfect thanks a lot!

[nab054371Participant]

Hi there,

Thank you for your feedback. I have already included globalize.js file in my script references. It does seem like the issue occurs on chrome but not on firefox.

[nab054371Participant]

It looks like this issue manifests itself when using chrome on andriod

[nab054371Participant]

For those who are interested, I was able to fix this problem by setting max-widget to none as shown below:

.jqx-rating-image{
max-width:none;
}

[nab054371Participant]

I forgot to mention – I am using rating widget inside of jqxmenu widget. I just reviewed an example of decimal values with jqxrating in jfiddle using setValue. So I wonder if its got anything to do with the way I am using it in jqxmenu?

[nab054371Participant]

So when I open the page first time, I see (001)___-___-____. However when I use the back button, I just see an empty mask. Sorry, I am still not understanding how that could be normal? I would expect the page to display (001)___-___-____ as no value has been input.

[Author]

Posts