jQuery UI Widgets Forums Dialogs and Notifications Window Ajax calls from jqxWindows

This topic contains 3 replies, has 2 voices, and was last updated by  Dimitar 10 years, 2 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • Ajax calls from jqxWindows #54507

    ssp
    Participant

    Hi,

    Is it possible to make an ajax call from the jqxWindows ?
    If yes plz provide with an example!

    Thanks,
    ssp

    Ajax calls from jqxWindows #54534

    Dimitar
    Participant

    Hello ssp,

    Do you wish to dynamically populate the window’s content via Ajax? If so, please refer to the following blog post: http://www.jqwidgets.com/load-jquery-window-content-with-ajax/. If your requirement is different, please explain it in detail.

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    Ajax calls from jqxWindows #54539

    ssp
    Participant

    Hi Dimitar,

    I have popup window (i.e i have used jqxwindow) in the jqxwindow i have grid , i that grid i have a button when i click on that button it should do a ajax call. but it is not happening..

    Here is the code :

    $(“#jqxResLocation”).jqxGrid({
    width : 480,
    autoheight : true,
    source : resourceLocdataAdapter,
    theme : ‘energyblue’,
    altrows : true,
    pageable: true,
    editable: true,
    pagermode: ‘simple’,
    selectionmode : ‘multiplecellsextended’,
    columns : [

    {
    text : ‘Host Location’,
    columntype : ‘dropdownlist’,
    datafield : ‘hostLocation’,
    width : 120,
    align: ‘right’,
    cellsalign : ‘right’
    },

    , {
    text : ‘Current Location’,
    columntype : ‘dropdownlist’,
    datafield : ‘currentLocation’,
    width : 120,
    align: ‘right’,
    cellsalign : ‘right’
    },

    {
    text : ‘Valid From’,
    datafield : ‘validFrom’,
    columntype : ‘datetimeinput’,
    cellsformat : ‘d’,
    align: ‘right’,
    width : 120,
    cellsalign : ‘right’
    },

    {
    text : ‘Valid To’,
    datafield : ‘validTo’,
    width : 120,
    columntype : ‘datetimeinput’,
    cellsalign : ‘right’,
    cellsformat : ‘d’,
    align: ‘right’,
    },

    {
    text : ‘id’,
    datafield : ‘id’,
    width : 120,
    columntype : ‘datetimeinput’,
    cellsalign : ‘right’,
    cellsformat : ‘d’,
    align: ‘right’,
    hidden: true
    },

    {
    text : ‘globalID’,
    datafield : ‘globalID’,
    width : 120,
    columntype : ‘datetimeinput’,
    cellsalign : ‘right’,
    cellsformat : ‘d’,
    align: ‘right’,
    hidden: true
    },

    {
    text : ‘Update’,
    datafield : ‘update’,
    columntype : ‘button’,
    width : 72,
    autoheight: true,
    cellsrenderer : function() {
    return “Update”;
    },
    buttonclick : function(
    row) {

    var dataRecord = $(
    “#jqxResLocation”)
    .jqxGrid(
    ‘getrowdata’,
    row);
    $.ajax({
    cache : false,
    type : “POST”,
    contentType:’application/json;charset=utf-8′,
    async : false,

    url :”test.htm?globalId=” + dataRecord.globalID + “&id=” + dataRecord.id
    + “&hostLocation=” + dataRecord.hostLocation + “&currentLocation=”
    + dataRecord.currentLocation + “&validTo=” + dataRecord.validTo + “&validFrom=”
    + dataRecord.validFrom,
    success : function(response) {

    alert(“updated”);
    },
    error : function(e) {
    alert(“update fail”);
    }
    });

    }
    }

    ]
    });

    });

    });

    });`

    Please do the needful.

    Regards,
    SSP

    • This reply was modified 10 years, 2 months ago by  ssp.
    Ajax calls from jqxWindows #54564

    Dimitar
    Participant

    Hi SSP,

    This issue is not related to jqxWindow but to your Ajax call. Does it alert the error message or nothing at all? Please make sure your url is correctly set.

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

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

You must be logged in to reply to this topic.