jQWidgets Forums

jQuery UI Widgets Forums Grid aggregates not show

This topic contains 14 replies, has 2 voices, and was last updated by  nikolayalmaty 12 years, 6 months ago.

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
  • aggregates not show #7640

    Aggregates not show. Please help me!

    I have included js-file:

    and have wrote next code:

    var localizationobj =
    {
    sortascendingstring: 'Сортировка по возрастанию',
    sortdescendingstring: 'Сортировка по убыванию',
    sortremovestring: 'Убрать сортировку',
    pagergotopagestring: 'Перейти на страницу',
    pagershowrowsstring: 'Показывать строк',
    pagerrangestring: ' из ',
    pagerpreviousbuttonstring: 'Предыдущая страница',
    pagernextbuttonstring: 'Следующая страница',
    days: {
    names: [
    'Воскресенье',
    'Понедельник',
    'Вторник',
    'Среда',
    'Четверг',
    'Пятница',
    'Суббота'
    ],
    namesAbbr: [
    'Вос',
    'Пон',
    'Вто',
    'Сре',
    'Чет',
    'Пят',
    'Суб'
    ],
    namesShort: [
    'Вс',
    'Пн',
    'Вт',
    'Ср',
    'Чт',
    'Пт',
    'Сб'
    ]
    },
    months: {
    names: [
    'Январь',
    'Февраль',
    'Март',
    'Апрель',
    'Май',
    'Июнь',
    'Июль',
    'Август',
    'Сентябрь',
    'Октябрь',
    'Ноябрь',
    'Декабрь',
    ''],
    namesAbbr: [
    'Янв',
    'Фев',
    'Мар',
    'Апр',
    'Май',
    'Июн',
    'Июл',
    'Авг',
    'Сен',
    'Окт',
    'Ноя',
    'Дек',
    '']
    },
    firstDay: '1',
    percentsymbol: '%',
    currencysymbol: ' тг',
    currencysymbolposition: 'after',
    decimalseparator: '.',
    thousandsseparator: ' ',
    AM: null,
    PM: null,
    '/': '.',
    ':': ':',
    eras: [
    {'name': 'н.э.' , 'start': null, 'offset': 0 }
    ],
    twoDigitYearMax: 2029,
    patterns: {
    d: 'dd.MM.yyyy',
    D: 'dd MMMM yyyy',
    t: 'H:mm',
    T: 'H:mm:ss',
    f: 'dd MMMM yyyy H:mm',
    F: 'dd MMMM yyyy H:mm:ss',
    M: 'dd MMMM',
    Y: 'MMMM yyyy',
    S: 'yyyy\\u0027-\\u0027MM\\u0027-\\u0027dd\\u0027T\\u0027HH\\u0027:\\u0027mm\\u0027:\\u0027ss'
    },
    groupsheaderstring: 'Перетащите сюда заголовок колонки, чтобы сгруппировать по ней',
    groupbystring: 'Сгруппировать по этой колонке',
    groupremovestring: 'Удалить группировку',
    filterclearstring: 'Очистить',
    filterstring: 'Применить фильтр',
    filtershowrowstring: 'Показывать записи, где значение: ',
    filterorconditionstring: 'Или',
    filterandconditionstring: 'И',
    validationstring: 'Указано неверное значение!',
    filterstringcomparisonoperators: [
    'Пусто',
    'Не пусто',
    'Содержит',
    'Содержит (учитывать регистр)',
    'Не содержит',
    'Не содержит (учитывать регистр)',
    'Начинается с',
    'Начинается с (учитывать регистр)',
    'Заканчивается на',
    'Заканчивается на (учитывать регистр)',
    'Равно',
    'Равно (учитывать регистр)',
    'Нет значения',
    'Есть значение'
    ],
    filternumericcomparisonoperators: [
    'Равно',
    'Не равно',
    'Меньше чем',
    'Меньше или равно',
    'Больше чем',
    'Больше или равно',
    'Нет значения',
    'Есть значение'
    ],
    filterdatecomparisonoperators: [
    'Равно',
    'Не равно',
    'Меньше чем',
    'Меньше или равно',
    'Больше чем',
    'Больше или равно',
    'Нет значения',
    'Есть значение'
    ]
    };
    var ImageRender = function (row, datafield, value) {
    if (value != '')
    return '';
    else
    return '';
    };

    var FileRender = function (row, datafield, value) {
    if (value != '') {
    last_pos = -1;
    pos = value.indexOf('/');
    while (pos != -1) {
    last_pos = pos;
    pos = value.indexOf('/', pos + 1);
    }
    if (last_pos != -1)
    value = value.substr(last_pos + 1)
    return '

    ' + value + '

    ';
    }
    else
    return '';
    };

    var source =
    {
    datatype: 'json',
    datafields: [
    { name: 'ID', type: 'int' }
    ,{ name: 'NAME' }
    ,{ name: 'NAME_MASK' }
    ,{ name: 'NAME_LIST_EDT' }
    ,{ name: 'NAME_LIST' }
    ,{ name: 'NUM_INT', type: 'int' }
    ,{ name: 'NUM_FLOAT', type: 'float' }
    ,{ name: 'NUM_FLOAT3', type: 'float' }
    ,{ name: 'NUM_BOOL', type: 'int' }
    ,{ name: 'NAME_DAT', type: 'date' }
    ,{ name: 'NAME_TIM', type: 'time' }
    ,{ name: 'NAME_DAT_TIM', type: 'timestamp' }
    ,{ name: 'ID_O_PEOPLE' }
    ,{ name: 'ID_O_PEOPLE___2' }
    ,{ name: 'BIGTEXT' }
    ,{ name: 'PHOTO_STR' }
    ,{ name: 'FILE_STR' }
    ,{ name: 'MODIK' }
    ,{ name: 'MODID', type: 'timestamp' }
    ],
    url: 'data.php?object_id=829'
    };

    $('#jqxgrid').jqxGrid(
    {
    theme: 'usu',
    source: source,
    showstatusbar: true,
    statusbarheight: 25,
    showaggregates: true,
    horizontalscrollbarstep: 50,
    horizontalscrollbarlargestep: 300,
    width: '100%',
    height: '93%',
    groupable: true,
    filterable: true,
    autoshowfiltericon: true,
    sortable: true,
    columnsresize: true,
    columns: [
    { text: 'Код', dataField: 'ID', width: 45, cellsalign: 'right', cellsformat: 'n', aggregates: ['count'] }
    ,{ text: 'Строка', dataField: 'NAME', width: 150, cellsalign: 'left', cellsformat: '' }
    ,{ text: 'Маска', dataField: 'NAME_MASK', width: 150, cellsalign: 'left', cellsformat: '' }
    ,{ text: 'Список редактируемый', dataField: 'NAME_LIST_EDT', width: 150, cellsalign: 'left', cellsformat: '' }
    ,{ text: 'Список фиксируемый', dataField: 'NAME_LIST', width: 90, cellsalign: 'left', cellsformat: '' }
    ,{ text: 'Целое число', dataField: 'NUM_INT', width: 80, cellsalign: 'right', cellsformat: 'n' }
    ,{ text: 'Числе вещественное 2', dataField: 'NUM_FLOAT', width: 100, cellsalign: 'right', cellsformat: 'f2', aggregates: ['sum'] }
    ,{ text: 'Числе вещественное 3', dataField: 'NUM_FLOAT3', width: 100, cellsalign: 'right', cellsformat: 'f3' }
    ,{ text: 'Логическое', dataField: 'NUM_BOOL', width: 80, cellsalign: 'center', cellsformat: '', columntype: 'checkbox' }
    ,{ text: 'Дата', dataField: 'NAME_DAT', width: 80, cellsalign: 'left', cellsformat: 'd' }
    ,{ text: 'Время', dataField: 'NAME_TIM', width: 80, cellsalign: 'left', cellsformat: 't' }
    ,{ text: 'Дата и время', dataField: 'NAME_DAT_TIM', width: 140, cellsalign: 'left', cellsformat: 'f' }
    ,{ text: 'Внешняя таблица. Список', dataField: 'ID_O_PEOPLE', width: 150, cellsalign: 'left', cellsformat: '' }
    ,{ text: 'Внешняя таблица. Кнопка', dataField: 'ID_O_PEOPLE___2', width: 150, cellsalign: 'left', cellsformat: '' }
    ,{ text: 'Большой текст', dataField: 'BIGTEXT', width: 150, cellsalign: 'left', cellsformat: '' }
    ,{ text: 'Фото строка', dataField: 'PHOTO_STR', width: 150, cellsalign: 'left', cellsformat: '', cellsrenderer: ImageRender }
    ,{ text: 'Файл строка', dataField: 'FILE_STR', width: 150, cellsalign: 'left', cellsformat: '', cellsrenderer: FileRender }
    ,{ text: 'Пользователь', dataField: 'MODIK', width: 93, cellsalign: 'left', cellsformat: '' }
    ,{ text: 'Дата изменения', dataField: 'MODID', width: 140, cellsalign: 'left', cellsformat: 'f' }
    ]
    });

    $('#jqxgrid').bind('bindingcomplete', function(event) {
    $('#jqxgrid').jqxGrid('localizestrings', localizationobj);
    });

    aggregates not show #7641

    Peter Stoev
    Keymaster

    Hi nikolayalmaty,

    Make sure that jqxgrid.aggregates.js is included on your side. I was able to display the aggregates with your settings.

    Here’s the code:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.8.1.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/jqxmenu.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcheckbox.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/jqxgrid.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.sort.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.columnsresize.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.filter.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.aggregates.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.grouping.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxgrid.pager.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="../../scripts/gettheme.js"></script>
    <script type="text/javascript">
    $(document).ready(function () {
    var theme = getTheme();
    var localizationobj =
    {
    sortascendingstring: 'Сортировка по возрастанию',
    sortdescendingstring: 'Сортировка по убыванию',
    sortremovestring: 'Убрать сортировку',
    pagergotopagestring: 'Перейти на страницу',
    pagershowrowsstring: 'Показывать строк',
    pagerrangestring: ' из ',
    pagerpreviousbuttonstring: 'Предыдущая страница',
    pagernextbuttonstring: 'Следующая страница',
    days: {
    names: [
    'Воскресенье',
    'Понедельник',
    'Вторник',
    'Среда',
    'Четверг',
    'Пятница',
    'Суббота'
    ],
    namesAbbr: [
    'Вос',
    'Пон',
    'Вто',
    'Сре',
    'Чет',
    'Пят',
    'Суб'
    ],
    namesShort: [
    'Вс',
    'Пн',
    'Вт',
    'Ср',
    'Чт',
    'Пт',
    'Сб'
    ]
    },
    months: {
    names: [
    'Январь',
    'Февраль',
    'Март',
    'Апрель',
    'Май',
    'Июнь',
    'Июль',
    'Август',
    'Сентябрь',
    'Октябрь',
    'Ноябрь',
    'Декабрь',
    ''],
    namesAbbr: [
    'Янв',
    'Фев',
    'Мар',
    'Апр',
    'Май',
    'Июн',
    'Июл',
    'Авг',
    'Сен',
    'Окт',
    'Ноя',
    'Дек',
    '']
    },
    firstDay: '1',
    percentsymbol: '%',
    currencysymbol: ' тг',
    currencysymbolposition: 'after',
    decimalseparator: '.',
    thousandsseparator: ' ',
    AM: null,
    PM: null,
    '/': '.',
    ':': ':',
    eras: [
    { 'name': 'н.э.', 'start': null, 'offset': 0 }
    ],
    twoDigitYearMax: 2029,
    patterns: {
    d: 'dd.MM.yyyy',
    D: 'dd MMMM yyyy',
    t: 'H:mm',
    T: 'H:mm:ss',
    f: 'dd MMMM yyyy H:mm',
    F: 'dd MMMM yyyy H:mm:ss',
    M: 'dd MMMM',
    Y: 'MMMM yyyy',
    S: 'yyyy\\u0027-\\u0027MM\\u0027-\\u0027dd\\u0027T\\u0027HH\\u0027:\\u0027mm\\u0027:\\u0027ss'
    },
    groupsheaderstring: 'Перетащите сюда заголовок колонки, чтобы сгруппировать по ней',
    groupbystring: 'Сгруппировать по этой колонке',
    groupremovestring: 'Удалить группировку',
    filterclearstring: 'Очистить',
    filterstring: 'Применить фильтр',
    filtershowrowstring: 'Показывать записи, где значение: ',
    filterorconditionstring: 'Или',
    filterandconditionstring: 'И',
    validationstring: 'Указано неверное значение!',
    filterstringcomparisonoperators: [
    'Пусто',
    'Не пусто',
    'Содержит',
    'Содержит (учитывать регистр)',
    'Не содержит',
    'Не содержит (учитывать регистр)',
    'Начинается с',
    'Начинается с (учитывать регистр)',
    'Заканчивается на',
    'Заканчивается на (учитывать регистр)',
    'Равно',
    'Равно (учитывать регистр)',
    'Нет значения',
    'Есть значение'
    ],
    filternumericcomparisonoperators: [
    'Равно',
    'Не равно',
    'Меньше чем',
    'Меньше или равно',
    'Больше чем',
    'Больше или равно',
    'Нет значения',
    'Есть значение'
    ],
    filterdatecomparisonoperators: [
    'Равно',
    'Не равно',
    'Меньше чем',
    'Меньше или равно',
    'Больше чем',
    'Больше или равно',
    'Нет значения',
    'Есть значение'
    ]
    };
    var ImageRender = function (row, datafield, value) {
    if (value != '')
    return '';
    else
    return '';
    };
    var FileRender = function (row, datafield, value) {
    if (value != '') {
    last_pos = -1;
    pos = value.indexOf('/');
    while (pos != -1) {
    last_pos = pos;
    pos = value.indexOf('/', pos + 1);
    }
    if (last_pos != -1)
    value = value.substr(last_pos + 1)
    return
    ' + value + ';
    }
    else
    return '';
    };
    var row = { "ID": 0, "Name": "MyName", "NAME_MASK": "MyName", "NAME_LIST_EDT": "MyName", "NAME_LIST": "MyName", "NUM_INT": "0", "NUM_FLOAT": "1" };
    var source =
    {
    datatype: 'json',
    datafields: [
    { name: 'ID', type: 'int' }
    , { name: 'NAME' }
    , { name: 'NAME_MASK' }
    , { name: 'NAME_LIST_EDT' }
    , { name: 'NAME_LIST' }
    , { name: 'NUM_INT', type: 'int' }
    , { name: 'NUM_FLOAT', type: 'float' }
    , { name: 'NUM_FLOAT3', type: 'float' }
    , { name: 'NUM_BOOL', type: 'int' }
    , { name: 'NAME_DAT', type: 'date' }
    , { name: 'NAME_TIM', type: 'time' }
    , { name: 'NAME_DAT_TIM', type: 'timestamp' }
    , { name: 'ID_O_PEOPLE' }
    , { name: 'ID_O_PEOPLE___2' }
    , { name: 'BIGTEXT' }
    , { name: 'PHOTO_STR' }
    , { name: 'FILE_STR' }
    , { name: 'MODIK' }
    , { name: 'MODID', type: 'timestamp' }
    ],
    localdata: row
    };
    var dataAdapter = new $.jqx.dataAdapter(source);
    $('#jqxgrid').jqxGrid(
    {
    theme: 'usu',
    source: dataAdapter,
    showstatusbar: true,
    statusbarheight: 25,
    showaggregates: true,
    horizontalscrollbarstep: 50,
    horizontalscrollbarlargestep: 300,
    width: '100%',
    height: '93%',
    groupable: true,
    filterable: true,
    autoshowfiltericon: true,
    sortable: true,
    columnsresize: true,
    columns: [
    { text: 'Код', dataField: 'ID', width: 45, cellsalign: 'right', cellsformat: 'n', aggregates: ['count'] }
    , { text: 'Строка', dataField: 'NAME', width: 150, cellsalign: 'left', cellsformat: '' }
    , { text: 'Маска', dataField: 'NAME_MASK', width: 150, cellsalign: 'left', cellsformat: '' }
    , { text: 'Список редактируемый', dataField: 'NAME_LIST_EDT', width: 150, cellsalign: 'left', cellsformat: '' }
    , { text: 'Список фиксируемый', dataField: 'NAME_LIST', width: 90, cellsalign: 'left', cellsformat: '' }
    , { text: 'Целое число', dataField: 'NUM_INT', width: 80, cellsalign: 'right', cellsformat: 'n' }
    , { text: 'Числе вещественное 2', dataField: 'NUM_FLOAT', width: 100, cellsalign: 'right', cellsformat: 'f2', aggregates: ['sum'] }
    , { text: 'Числе вещественное 3', dataField: 'NUM_FLOAT3', width: 100, cellsalign: 'right', cellsformat: 'f3' }
    , { text: 'Логическое', dataField: 'NUM_BOOL', width: 80, cellsalign: 'center', cellsformat: '', columntype: 'checkbox' }
    , { text: 'Дата', dataField: 'NAME_DAT', width: 80, cellsalign: 'left', cellsformat: 'd' }
    , { text: 'Время', dataField: 'NAME_TIM', width: 80, cellsalign: 'left', cellsformat: 't' }
    , { text: 'Дата и время', dataField: 'NAME_DAT_TIM', width: 140, cellsalign: 'left', cellsformat: 'f' }
    , { text: 'Внешняя таблица. Список', dataField: 'ID_O_PEOPLE', width: 150, cellsalign: 'left', cellsformat: '' }
    , { text: 'Внешняя таблица. Кнопка', dataField: 'ID_O_PEOPLE___2', width: 150, cellsalign: 'left', cellsformat: '' }
    , { text: 'Большой текст', dataField: 'BIGTEXT', width: 150, cellsalign: 'left', cellsformat: '' }
    , { text: 'Фото строка', dataField: 'PHOTO_STR', width: 150, cellsalign: 'left', cellsformat: '', cellsrenderer: ImageRender }
    , { text: 'Файл строка', dataField: 'FILE_STR', width: 150, cellsalign: 'left', cellsformat: '', cellsrenderer: FileRender }
    , { text: 'Пользователь', dataField: 'MODIK', width: 93, cellsalign: 'left', cellsformat: '' }
    , { text: 'Дата изменения', dataField: 'MODID', width: 140, cellsalign: 'left', cellsformat: 'f' }
    ]
    });
    $('#jqxgrid').bind('bindingcomplete', function (event) {
    $('#jqxgrid').jqxGrid('localizestrings', localizationobj);
    });
    });
    </script>
    </head>
    <body class='default'>
    <div style="width: 100%;">
    <div id="jqxgrid">
    </div>
    </div>
    </body>
    </html>

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    aggregates not show #7642

    Yes, I’ve included jqxgrid.aggregates.js file. Cells of statusbar became without gradient, but
    no aggregates values…

      <head>
    ...
    <link rel='stylesheet' type='text/css' href='css/css.css'/>
    <link rel='stylesheet' type='text/css' href='js/jqwidgets/styles/jqx.base.css'/>
    <link rel='stylesheet' type='text/css' href='js/jqwidgets/styles/jqx.usu.css'/>
    <script type='text/javascript' src='js/jquery-1.7.2.min.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxcore.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxtree.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxsplitter.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxbuttons.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxpanel.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxvalidator.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxscrollbar.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxmenu.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxlistbox.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxdropdownlist.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxcheckbox.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxgrid.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxdata.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxgrid.filter.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxgrid.sort.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxgrid.grouping.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxgrid.selection.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxgrid.columnsresize.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxgrid.aggregates.js'></script>
    </head>
    aggregates not show #7645

    Peter Stoev
    Keymaster

    Hi nikolayalmaty,

    Did you try the code I sent you?

    Here’s the resulting image of the code:

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    aggregates not show #7647

    This is my printscreen – no values:

    aggregates not show #7648

    Peter Stoev
    Keymaster

    Hi nikolayalmaty,

    – Did you try the code I sent you?
    – Do you use jQWidgets 2.4.1?

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    aggregates not show #7670

    Hi, Peter!

    1. My jQWidgets is 2.4.1.
    2. I can’t exec your code, it’s not full.
    I’ve successfully tried code from “aggregates demo”.

    Why My code is invalid?
    May be source datatype another?
    or CSS?

    aggregates not show #7673

    Peter Stoev
    Keymaster

    Hi nikolayalmaty,

    – The posted code by me includes HTML and JavaScript and runs fine on my side. Please, make sure that if you try it, the references to the files are correct on your side. The screenshot from my post is created after running the code.
    – I am not sure why your code does not work on your side and as I am unable to reproduce the reported issue locally, I would like to ask you to send me a small sample which demonstrates it. You can post it here including a mock data or better send it to support@jqwidgets.com.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    aggregates not show #7674

    This is my full code:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title id='Description'>In this sample is demonstrated how to display aggregates in jqxGrid.</title>
    <link rel='stylesheet' type='text/css' href='css/css.css'/>
    <link rel='stylesheet' type='text/css' href='js/jqwidgets/styles/jqx.base.css'/>
    <link rel='stylesheet' type='text/css' href='css/jqx.usu.css'/>
    <script type='text/javascript' src='js/scripts/jquery-1.8.1.min.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxcore.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxtree.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxsplitter.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxbuttons.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxpanel.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxvalidator.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxscrollbar.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxmenu.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxlistbox.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxdropdownlist.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxcheckbox.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxgrid.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxdata.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxgrid.filter.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxgrid.sort.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxgrid.grouping.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxgrid.selection.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxgrid.columnsresize.js'></script>
    <script type='text/javascript' src='js/jqwidgets/jqxgrid.aggregates.js'></script>
    <script type="text/javascript">
    $(document).ready(function () {
    var source =
    {
    datatype: 'json',
    datafields: [
    { name: 'ID', type: 'int' }
    ,{ name: 'NAME' }
    ,{ name: 'NUM_INT', type: 'int' }
    ,{ name: 'NUM_FLOAT', type: 'float' }
    ,{ name: 'NUM_FLOAT3', type: 'float' }
    ,{ name: 'MODID', type: 'timestamp' }
    ],
    url: 'data.php?object_id=829'
    };
    $('#jqxgrid').jqxGrid(
    {
    source: source,
    showstatusbar: true,
    statusbarheight: 25,
    editable: true,
    showaggregates: true,
    columns: [
    { text: 'Код', dataField: 'ID', width: 45, cellsalign: 'right', cellsformat: 'n', aggregates: ['count'] }
    ,{ text: 'Строка', dataField: 'NAME', width: 150, cellsalign: 'left', cellsformat: '' }
    ,{ text: 'Целое число', dataField: 'NUM_INT', width: 80, cellsalign: 'right', cellsformat: 'n' }
    ,{ text: 'Числе вещественное 2', dataField: 'NUM_FLOAT', width: 100, cellsalign: 'right', cellsformat: 'f2', aggregates: ['sum'] }
    ,{ text: 'Числе вещественное 3', dataField: 'NUM_FLOAT3', width: 100, cellsalign: 'right', cellsformat: 'f3' }
    ,{ text: 'Дата изменения', dataField: 'MODID', width: 140, cellsalign: 'left', cellsformat: 'f' }
    ]
    });
    });
    </script>
    </head>
    <body class='default'>
    <div id='jqxWidget'>
    <div id="jqxgrid"></div>
    </div>
    </body>
    </html>
    aggregates not show #7675

    And data file result:

    [
    {"ID":1, "DEPID":1, "TTT1":"", "NAME":"Строка текст", "NAME_MASK":"151-51", "NAME_LIST_EDT":"Список", "NAME_LIST":"Спис", "NUM_INT":50000, "NUM_FLOAT":150000.22, "NUM_FLOAT3":22555.000, "NUM_BOOL":1, "NAME_DAT":"31.08.2012", "NAME_TIM":"15:10:50", "NAME_DAT_TIM":"31.08.2012 15:13:16", "ID_O_PEOPLE":"12", "ID_O_PEOPLE___2":"14", "BIGTEXT":"Куча текста в несколько строк<br>Куча текста в несколько<br>Куча текста", "PHOTO_STR":"base/O_TEST/1/PHOTO_STR/logo.jpg", "FILE_STR":"base/O_TEST/1/FILE_STR/Тит.docx", "MODIK":"SYSDBA", "MODID":"10.09.2012 17:08:13"}
    ,{"ID":2, "DEPID":1, "TTT1":"", "NAME":"Очень-очень длинная строка текста! вот!", "NAME_MASK":"444-77", "NAME_LIST_EDT":"Еще элемент списка", "NAME_LIST":"Второе", "NUM_INT":8000, "NUM_FLOAT":22000777.99, "NUM_FLOAT3":4000.000, "NUM_BOOL":0, "NAME_DAT":"22.04.2013", "NAME_TIM":"", "NAME_DAT_TIM":"", "ID_O_PEOPLE":"13", "ID_O_PEOPLE___2":"14", "BIGTEXT":"", "PHOTO_STR":"", "FILE_STR":"", "MODIK":"SYSDBA", "MODID":"04.09.2012 18:32:42"}
    ]
    aggregates not show #7676

    Peter Stoev
    Keymaster

    Hi nikolayalmaty,

    Better send it to support@jqwidgets.com including the missing CSS files and with sample data. It could be something in the custom CSS style or something in the data, I don’t know.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    aggregates not show #7677

    Peter Stoev
    Keymaster

    Ok, I will try it with the posted data and will update the topic after that.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    aggregates not show #7678

    Thanks, Peter!
    I’ll wait your answer

    aggregates not show #7679

    Peter Stoev
    Keymaster

    Hi nikolayalmaty,

    You missed to define a dataAdapter.

    The solution based on your code:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title id='Description'>In this sample is demonstrated how to display aggregates in jqxGrid.</title>
    <link rel='stylesheet' type='text/css' href='css/css.css'/>
    <link rel='stylesheet' type='text/css' href='../../jqwidgets/styles/jqx.base.css'/>
    <link rel='stylesheet' type='text/css' href='css/jqx.usu.css'/>
    <script type='text/javascript' src='../../scripts/jquery-1.8.1.min.js'></script>
    <script type='text/javascript' src='../../jqwidgets/jqxcore.js'></script>
    <script type='text/javascript' src='../../jqwidgets/jqxtree.js'></script>
    <script type='text/javascript' src='../../jqwidgets/jqxsplitter.js'></script>
    <script type='text/javascript' src='../../jqwidgets/jqxbuttons.js'></script>
    <script type='text/javascript' src='../../jqwidgets/jqxpanel.js'></script>
    <script type='text/javascript' src='../../jqwidgets/jqxvalidator.js'></script>
    <script type='text/javascript' src='../../jqwidgets/jqxscrollbar.js'></script>
    <script type='text/javascript' src='../../jqwidgets/jqxmenu.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/jqxcheckbox.js'></script>
    <script type='text/javascript' src='../../jqwidgets/jqxgrid.js'></script>
    <script type='text/javascript' src='../../jqwidgets/jqxdata.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.grouping.js'></script>
    <script type='text/javascript' src='../../jqwidgets/jqxgrid.selection.js'></script>
    <script type='text/javascript' src='../../jqwidgets/jqxgrid.columnsresize.js'></script>
    <script type='text/javascript' src='../../jqwidgets/jqxgrid.aggregates.js'></script>
    <script type="text/javascript">
    $(document).ready(function () {
    var data = [
    { "ID": 1, "DEPID": 1, "TTT1": "", "NAME": "Строка текст", "NAME_MASK": "151-51", "NAME_LIST_EDT": "Список", "NAME_LIST": "Спис", "NUM_INT": 50000, "NUM_FLOAT": 150000.22, "NUM_FLOAT3": 22555.000, "NUM_BOOL": 1, "NAME_DAT": "31.08.2012", "NAME_TIM": "15:10:50", "NAME_DAT_TIM": "31.08.2012 15:13:16", "ID_O_PEOPLE": "12", "ID_O_PEOPLE___2": "14", "BIGTEXT": "Куча текста в несколько строк<br>Куча текста в несколько<br>Куча текста", "PHOTO_STR": "base/O_TEST/1/PHOTO_STR/logo.jpg", "FILE_STR": "base/O_TEST/1/FILE_STR/Тит.docx", "MODIK": "SYSDBA", "MODID": "10.09.2012 17:08:13" }
    , { "ID": 2, "DEPID": 1, "TTT1": "", "NAME": "Очень-очень длинная строка текста! вот!", "NAME_MASK": "444-77", "NAME_LIST_EDT": "Еще элемент списка", "NAME_LIST": "Второе", "NUM_INT": 8000, "NUM_FLOAT": 22000777.99, "NUM_FLOAT3": 4000.000, "NUM_BOOL": 0, "NAME_DAT": "22.04.2013", "NAME_TIM": "", "NAME_DAT_TIM": "", "ID_O_PEOPLE": "13", "ID_O_PEOPLE___2": "14", "BIGTEXT": "", "PHOTO_STR": "", "FILE_STR": "", "MODIK": "SYSDBA", "MODID": "04.09.2012 18:32:42" }
    ];
    var source =
    {
    datatype: 'json',
    datafields: [
    { name: 'ID', type: 'int' }
    , { name: 'NAME' }
    , { name: 'NUM_INT', type: 'int' }
    , { name: 'NUM_FLOAT', type: 'float' }
    , { name: 'NUM_FLOAT3', type: 'float' }
    , { name: 'MODID', type: 'timestamp' }
    ],
    localdata: data
    };
    var dataAdapter = new $.jqx.dataAdapter(source);
    $('#jqxgrid').jqxGrid(
    {
    source: dataAdapter,
    showstatusbar: true,
    statusbarheight: 25,
    editable: true,
    showaggregates: true,
    columns: [
    { text: 'Код', dataField: 'ID', width: 45, cellsalign: 'right', cellsformat: 'n', aggregates: ['count'] }
    , { text: 'Строка', dataField: 'NAME', width: 150, cellsalign: 'left', cellsformat: '' }
    , { text: 'Целое число', dataField: 'NUM_INT', width: 80, cellsalign: 'right', cellsformat: 'n' }
    , { text: 'Числе вещественное 2', dataField: 'NUM_FLOAT', width: 100, cellsalign: 'right', cellsformat: 'f2', aggregates: ['sum'] }
    , { text: 'Числе вещественное 3', dataField: 'NUM_FLOAT3', width: 100, cellsalign: 'right', cellsformat: 'f3' }
    , { text: 'Дата изменения', dataField: 'MODID', width: 140, cellsalign: 'left', cellsformat: 'f' }
    ]
    });
    });
    </script>
    </head>
    <body class='default'>
    <div id='jqxWidget'>
    <div id="jqxgrid"></div>
    </div>
    </body>
    </html>

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    aggregates not show #7680

    Thank you very much, Peter!!!

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

You must be logged in to reply to this topic.