jQuery UI Widgets Forums Grid ever present row drop down column and updatedata

This topic contains 8 replies, has 2 voices, and was last updated by  arkgroup 5 years ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author

  • arkgroup
    Participant

    After I call updatebounddata, my everpresentrow drop down is not working and regular fields does not show add reset buttons actions.
    It works if I call updatebounddata with data as second parameter, but I need to update columngroup text.

    Thanks


    Todor
    Participant

    Hello arkgroup,

    I’ve tested this scenario and it works by my side. You could share a jsfiddle/codepen example with your code demonstrating the reported issue, so that we may determine what causes it.

    Best Regards,
    Todor

    jQWidgets Team
    https://www.jqwidgets.com


    arkgroup
    Participant

    Here is modified demo code from everpresentrow.htm
    After clicking on button, add reset buttons don’t show
    <!DOCTYPE html>
    <html lang=”en”>
    <head>
    <title id=’Description’>This example illustrates the Grid’s Ever Present Row feature.</title>
    <link rel=”stylesheet” href=”../../../jqwidgets/styles/jqx.base.css” type=”text/css” />
    <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″ />
    <meta name=”viewport” content=”width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1″ />
    <script type=”text/javascript” src=”../../../scripts/jquery-1.12.4.min.js”></script>
    <script type=”text/javascript” src=”../../../jqwidgets/jqxcore.js”></script>
    <script type=”text/javascript” src=”../../../jqwidgets/jqxdata.js”></script>
    <script type=”text/javascript” src=”../../../jqwidgets/jqxbuttons.js”></script>
    <script type=”text/javascript” src=”../../../jqwidgets/jqxscrollbar.js”></script>
    <script type=”text/javascript” src=”../../../jqwidgets/jqxlistbox.js”></script>
    <script type=”text/javascript” src=”../../../jqwidgets/jqxdropdownlist.js”></script>
    <script type=”text/javascript” src=”../../../jqwidgets/jqxmenu.js”></script>
    <script type=”text/javascript” src=”../../../jqwidgets/jqxgrid.js”></script>
    <script type=”text/javascript” src=”../../../jqwidgets/jqxgrid.filter.js”></script>
    <script type=”text/javascript” src=”../../../jqwidgets/jqxgrid.sort.js”></script>
    <script type=”text/javascript” src=”../../../jqwidgets/jqxgrid.selection.js”></script>
    <script type=”text/javascript” src=”../../../jqwidgets/jqxgrid.edit.js”></script>
    <script type=”text/javascript” src=”../../../jqwidgets/jqxgrid.columnsresize.js”></script>
    <script type=”text/javascript” src=”../../../jqwidgets/jqxpanel.js”></script>
    <script type=”text/javascript” src=”../../../jqwidgets/jqxcalendar.js”></script>
    <script type=”text/javascript” src=”../../../jqwidgets/jqxradiobutton.js”></script>
    <script type=”text/javascript” src=”../../../jqwidgets/jqxdatetimeinput.js”></script>
    <script type=”text/javascript” src=”../../../jqwidgets/jqxcheckbox.js”></script>
    <script type=”text/javascript” src=”../../../jqwidgets/globalization/globalize.js”></script>
    <script type=”text/javascript” src=”../../../scripts/demos.js”></script>
    <script type=”text/javascript” src=”generatedata.js”></script>
    <script type=”text/javascript”>
    $(document).ready(function () {
    var data = generatedata(10);
    var source =
    {
    localdata: data,
    datafields:
    [
    { name: ‘name’, type: ‘string’ },
    { name: ‘productname’, type: ‘string’ },
    { name: ‘available’, type: ‘bool’ },
    { name: ‘date’, type: ‘date’},
    { name: ‘quantity’, type: ‘number’ }
    ],
    datatype: “array”
    };

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

    $(“#grid”).jqxGrid(
    {
    width: getWidth(‘Grid’),
    filterable: true,
    source: dataAdapter,
    showeverpresentrow: true,
    everpresentrowposition: “top”,
    editable: true,
    selectionmode: ‘multiplecellsadvanced’,
    columns: [
    {
    text: ‘Name’, columntype: ‘textbox’, filtertype: ‘input’, datafield: ‘name’, width: 215
    },
    {
    text: ‘Product’, filtertype: ‘checkedlist’, datafield: ‘productname’, width: 220
    },
    { text: ‘Ship Date’, datafield: ‘date’, filtertype: ‘range’, width: 210, cellsalign: ‘right’, cellsformat: ‘d’ },
    { text: ‘Qty.’, datafield: ‘quantity’, filtertype: ‘number’, cellsalign: ‘right’ }
    ]
    });

    $(“#grid”).jqxGrid(‘everpresentrowactions’, ‘add reset’);

    $(“#jqxButton”).jqxButton({ width: 120, height: 40 });
    $(“#jqxButton”).on(‘click’, function () {
    $(‘#grid’).jqxGrid(‘updatebounddata’);
    });
    });
    </script>
    </head>
    <body>
    <div id=”grid”>
    </div><br />
    <div>
    <input type=”button” value=”Button” id=’jqxButton’ />
    </div>
    </body>
    </html>

    • This reply was modified 5 years ago by  arkgroup.

    Todor
    Participant

    Hello arkgroup,

    Please review this working example.

    Let us know if you need further assistance.

    Best Regards,
    Todor

    jQWidgets Team
    https://www.jqwidgets.com


    arkgroup
    Participant

    Your example works, but my code above from download demo does not.
    I am using this link:
    \jqwidgets-ver8.0.0\demos\Javascript & JQuery\jqxgrid\everpresentrow.html

    Thanks

    • This reply was modified 5 years ago by  arkgroup.

    Todor
    Participant

    Hello arkgroup,

    Could you share a codepen or jsfiddle example which demonstrates the reported behavior?

    Best Regards,
    Todor

    jQWidgets Team
    https://www.jqwidgets.com


    arkgroup
    Participant

    Sorry. I cannot. Just use your demo and add button.
    The only difference I see between your code and demo that you use
    jqx-all.js and demo use all jqwidgets js. Please help.
    Thanks.


    Todor
    Participant

    Hello arkgroup,

    I’ve tested the demo with your changes that you suggested. It works by my side.

    Best Regards,
    Todor

    jQWidgets Team
    https://www.jqwidgets.com


    arkgroup
    Participant

    Thanks Todor,
    I think, I figure it out.
    That behavior appeared when I use localhost.
    I move code to web server and it works there.
    Thank you for your help.

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

You must be logged in to reply to this topic.