jQWidgets Forums

Forum Replies Created

Viewing 14 posts - 16 through 29 (of 29 total)
  • Author
    Posts
  • in reply to: JQWidgets v3.1.0 issue JQWidgets v3.1.0 issue #46931

    Yuri Antipin
    Participant

    Hi Peter Stoev,

    This issue occurs because the file ‘jqx-all.js’ has two different constructors for the dataview. The ‘suspendupdate’ method is located in the first constructor and is unavailable because second constructor overrides the first.


    Yuri Antipin
    Participant

    Will you fix this bug?

    Best regards, Yuri Antipin


    Yuri Antipin
    Participant

    Hi Peter Stoev,

    Navigate to example page.

    Try expand calendar and change focused cell with keyboard:

    You cannot select focused date with the mouse.

    Best regards, Yuri Antipin


    Yuri Antipin
    Participant

    Hi Peter Stoev,

    It is just a simple example that demonstrates the bug.
    My temporary solution:

            <script type="text/javascript">
    $(document).ready(function () {
    function createWindow(tabs, input, combobox) {
    input.jqxDateTimeInput({ width: '100%' });
    combobox.jqxComboBox({ width: '100%' });
    tabs.jqxTabs({ width: 300, height: 200 });
    $('#form').jqxWindow({
    height: 400,
    width: 400,
    title: '',
    resizable: true,
    initContent: function () {
    $('#form').find('.jqx-window-content')
    .append(input)
    .append(combobox)
    .append(tabs);
    }
    })
    }
    var tabs = $('<div><ul><li>First tab</li><li>Second tab</li></ul><div></div><div></div></div>');
    var input = $('<div>').css('margin-bottom', 5);
    var combobox = $('<div>').css('margin-bottom', 5);
    createWindow(tabs, input, combobox);
    });
    </script>

    In this example everything works correctly. Why I can’t use the inline code?

    Best Regards,
    Yuri Antipin


    Yuri Antipin
    Participant

    Hi Peter Stoev,

    I hope this is a temporary solution?


    Yuri Antipin
    Participant

    Hi Peter Stoev,

    Do you planning to release this functionality?


    Yuri Antipin
    Participant

    Addition:

    I use addrow method like this: $(“#jqxgrid”).jqxGrid(‘addrow’, null, newrow);

    in reply to: extra scrollbar in body extra scrollbar in body #26996

    Yuri Antipin
    Participant

    Addition:

    Usage of body {overflow-y: hidden; } just hides redundant scrollbar. Nevertheless the drag area is greater than screen area (extra area in page bottom).

    in reply to: extra scrollbar in body extra scrollbar in body #26983

    Yuri Antipin
    Participant

    Hi Peter Stoev, thank you for answer.

    I know a solution, I just reported the issue.

    in reply to: jqxGrid binding error jqxGrid binding error #26871

    Yuri Antipin
    Participant

    Hi Dimitar!

    I know that in second example I’m trying to remove more rows than exist. I just gave an example of a script with deleterow method with which can be obtained similar error.
    In any case, the script must not fail even if source doesn’t contains row.

    in reply to: jqxGrid binding error jqxGrid binding error #26856

    Yuri Antipin
    Participant

    Hi Dimitar!

    If I use the deleterow method there is a similar error.

    Example with deleterow method:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8" />
    <title>jxgGrid dataBind error</title>
    <link rel="stylesheet" href="styles/jqx.base.css"/>
    <script type="text/javascript" src="scripts/jquery-1.10.2.min.js"> </script>
    <script type="text/javascript" src="scripts/jqx-all.js"> </script>
    <script type="text/javascript">
    $(document).ready(function() {
    var localdata = [],
    i;
    for (i = 0; i < 10; i++) {
    localdata.push({
    id: i,
    column1: i.toString()
    });
    }
    var datafields = [{ name: 'id' }, { name: 'column1' }],
    columns = [{
    text: 'Column 1',
    datafield: 'column1'
    }];
    var source =
    {
    datafields: datafields,
    id: 'id',
    datatype: 'array',
    localdata: localdata
    };
    var dataAdapter = new $.jqx.dataAdapter(source);
    var gridSettings = {
    source: dataAdapter,
    columns: columns,
    height: '100%'
    };
    $('#grid').jqxGrid(gridSettings);
    $('#grid').css('border', 0);
    $('#grid').on('cellclick', function(event) {
    if (event.args.rightclick) return;
    var rowindex = event.args.rowindex;
    var rowid = parseInt($('#grid').jqxGrid('getrowid', rowindex));
    var rowIDs = [];
    for (i = 0; i < 10; i++) {
    rowIDs.push(rowid + i);
    }
    $('#grid').jqxGrid('deleterow', rowIDs);
    });
    });
    </script>
    <style type="text/css">
    html, body { height: 100%; }
    body { margin: 0; }
    </style>
    </head>
    <body>
    <div id="grid" />
    </body>
    </html>
    in reply to: Incorrect height of jqxTabs Incorrect height of jqxTabs #25912

    Yuri Antipin
    Participant

    Hi Peter Stoev!

    Yes, DIV tag of jqxTabs has height 100%. But the increase of height is due to the content of the widget. Inner DIV’s have clearly established height: 33px and 399px instead of 33px and 366px (Firefox debugger). Because of this table structure is broken. Second DIV height should be reduced by 33px (the height of first DIV / tabs header).


    Yuri Antipin
    Participant

    Hi Peter Stoev, thanks for your reply.
    This example illustrates a bug:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8" />
    <title>jxgGrid mapping error</title>
    <link rel="stylesheet" href="styles/jqx.base.css"/>
    <script type="text/javascript" src="scripts/jquery-1.10.2.min.js"> </script>
    <script type="text/javascript" src="scripts/jqx-all.js"> </script>
    <script type="text/javascript">
    $(document).ready(function() {
    var inputData = {
    data: {
    records: [{
    columnName1: {
    dv: '',
    rv: ''
    },
    columnName2: {
    dv: '',
    rv: ''
    }
    }, {
    columnName1: {
    dv: 'column1',
    rv: 'column1'
    },
    columnName2: {
    dv: 'column2',
    rv: 'column2'
    }
    }]
    }
    };
    var datafields = [{
    name: 'columnName1',
    map: 'columnName1>dv'
    }, {
    name: 'columnName2',
    map: 'columnName2>dv'
    }],
    columns = [{
    text: 'Column 1',
    datafield: 'columnName1'
    }, {
    text: 'Column 2',
    datafield: 'columnName2'
    }];
    var source =
    {
    datatype: 'json',
    datafields: datafields,
    root: 'records',
    localdata: inputData
    };
    var dataAdapter = new $.jqx.dataAdapter(source);
    var gridSettings = {
    source: dataAdapter,
    columns: columns
    };
    $('#grid').jqxGrid(gridSettings);
    });
    </script>
    </head>
    <body>
    <div id="grid" />
    </body>
    </html>

    Yuri Antipin
    Participant

    I can implement russian l10n for jqxGrid widget if you fix the problem.

Viewing 14 posts - 16 through 29 (of 29 total)