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.
-
Authoraggregates not show Posts
-
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);
});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 StoevjQWidgets Team
http://www.jqwidgets.comYes, 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>
Hi nikolayalmaty,
Did you try the code I sent you?
Here’s the resulting image of the code:
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comThis is my printscreen – no values:
Hi nikolayalmaty,
– Did you try the code I sent you?
– Do you use jQWidgets 2.4.1?Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comHi, 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?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 StoevjQWidgets Team
http://www.jqwidgets.comThis 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>
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"}]
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 StoevjQWidgets Team
http://www.jqwidgets.comOk, I will try it with the posted data and will update the topic after that.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.comThanks, Peter!
I’ll wait your answerHi 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 StoevjQWidgets Team
http://www.jqwidgets.comThank you very much, Peter!!!
-
AuthorPosts
You must be logged in to reply to this topic.