Forum Replies Created

Viewing 15 posts - 1 through 15 (of 16 total)
  • Author
    Posts

  • nab054371
    Participant

    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.

    • This reply was modified 4 years, 8 months ago by  nab054371.

    nab054371
    Participant

    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


    nab054371
    Participant

    Your thoughts Peter?


    nab054371
    Participant

    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;
    }

    • This reply was modified 4 years, 9 months ago by  nab054371.
    • This reply was modified 4 years, 9 months ago by  nab054371.

    nab054371
    Participant

    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

    in reply to: Total record count Total record count #69355

    nab054371
    Participant

    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”,

    in reply to: Total record count Total record count #69353

    nab054371
    Participant

    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.

    • This reply was modified 4 years, 10 months ago by  nab054371.
    in reply to: Total record count Total record count #69348

    nab054371
    Participant

    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

    • This reply was modified 4 years, 10 months ago by  nab054371.
    • This reply was modified 4 years, 10 months ago by  nab054371.
    • This reply was modified 4 years, 10 months ago by  nab054371.
    in reply to: Total record count Total record count #69315

    nab054371
    Participant

    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.


    nab054371
    Participant

    perfect thanks a lot!

    in reply to: Time Input on Mobile Website Time Input on Mobile Website #61062

    nab054371
    Participant

    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.

    in reply to: Time Input on Mobile Website Time Input on Mobile Website #61014

    nab054371
    Participant

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


    nab054371
    Participant

    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;
    }

    • This reply was modified 5 years, 7 months ago by  nab054371.

    nab054371
    Participant

    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?

    in reply to: Mask not being retained Mask not being retained #56806

    nab054371
    Participant

    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.

Viewing 15 posts - 1 through 15 (of 16 total)