jQuery UI Widgets › Forums › Angular › Scroll error at grid
This topic contains 3 replies, has 3 voices, and was last updated by miotot 6 years, 11 months ago.
-
AuthorScroll error at grid Posts
-
Hello.
I have a problem.
How to resolve is it?Html code:
<div class="row" access="Administrator,LawDepartment,Forwarder,FinancialCredit,Headmaster,Planner,HeadOperationsSection,Leading,Accountant,Expedition,Analyst,Trainee" access-permission-type="AtLeastOne"> <div class="col-md-12 gridStyleCompanies"> <jqx-grid id="grid_companies_main" jqx-settings="settings" grid-filter></jqx-grid> </div> </div>
Js code:
$scope.settings = {}; $scope.settings = getGridDispositionSettingsO(); $scope.settings.source = new $.jqx.dataAdapter({ localdata: [] }); $scope.settings.columns = [ { text: "", datafield: "Id", cellclassname: "mg", width: 40, pinned: false, cellsrenderer: btnRenderer, filterable: false, sortable: false, groupable: false, access: "Administrator,Analyst", accessPermissionType: "AtLeastOne", editable: false }, { text: "Название", datafield: "FullName", width: "15%", editable: true, pinned: false, cellendedit: rowEdit, rendered: tooltiprenderer }, { text: "Краткое имя", datafield: "ShortName", width: "20%", editable: true, cellendedit: rowEdit, rendered: tooltiprenderer }, { text: "Страна", datafield: "Country", width: "10%", editable: true, rendered: tooltiprenderer }, { text: "Группа компаний", datafield: "Group", columntype: 'combobox', width: "15%", editable: true, createeditor: createeditorCompanyGroups, cellendedit: rowEditById, rendered: tooltiprenderer }, { text: "Местонахождение", datafield: "Location", width: "15%", editable: false, rendered: tooltiprenderer }, { text: "Дата создания", datafield: "_CreatedOn", width: "5%", editable: false, cellsformat: 'dd.MM.yyyy', rendered: tooltiprenderer }, { text: "Дата изменения", datafield: "_ModifiedOn", width: "5%", editable: false, cellsformat: 'dd.MM.yyyy', rendered: tooltiprenderer }, { text: "Статус", datafield: "_Activity", width: "10%", editable: false, rendered: tooltiprenderer }, { text: "Стадия проработки", datafield: "_Status", width: "10%", editable: false, rendered: tooltiprenderer }, { text: "Обьём", datafield: "_Volume", width: "10%", columntype: 'combobox', access: "HRObserver", accessPermissionType: "AtLeastOne", editable: true, createeditor: createeditorEnumVolume, cellendedit: rowEditEnum, rendered: tooltiprenderer }, { text: "Куратор", datafield: "Curator", width: "10%", editable: true, createeditor: createeditorUsers, cellendedit: rowEditById, rendered: tooltiprenderer }, { text: "Отдел Сборки", datafield: "ResponsibleCollection", columntype: 'combobox', width: "10%", editable: true, createeditor: createeditorUsers, cellendedit: rowEditById, rendered: tooltiprenderer }, { text: "Отдел Негабариты", datafield: "ResponsibleOutSized", columntype: 'combobox', width: "10%", editable: true, createeditor: createeditorUsers, cellendedit: rowEditById, rendered: tooltiprenderer }, { text: "Отдел Импорт", datafield: "ResponsibleImport", columntype: 'combobox', width: "10%", editable: true, createeditor: createeditorUsers, cellendedit: rowEditById, rendered: tooltiprenderer }, { text: "Отдел Экспорт", datafield: "ResponsibleExport", columntype: 'combobox', width: "10%", editable: true, createeditor: createeditorUsers, cellendedit: rowEditById, rendered: tooltiprenderer }, { text: "Отдел РЕФ", datafield: "ResponsibleREF", columntype: 'combobox', width: "10%", editable: true, createeditor: createeditorUsers, cellendedit: rowEditById, rendered: tooltiprenderer }, { text: "Тип", datafield: "_type", columntype: 'combobox', width: "10%", editable: true, createeditor: createeditorEnum, cellendedit: ]; function initialize() { var d = []; dataService.company_getAllCompaniesForGrid().then(function (response) { for (var i = 0; i < response.length; i++) { var row = deepCopy(response[i]); row._TypeTs = response[i]._TypeTs = ""; row._type = response[i]._type = getEnumByValue(Enum.CompanyType, response[i].Type).description; row._addreslegal = response[i]._addreslegal = response[i].AddressLegal; row._Activity = response[i]._Activity = getEnumByValue(Enum.CompanyActivity, response[i].Activity).description; row._Status = response[i]._Status = getEnumByValue(Enum.CompanyStatus, response[i].Status).description; row._Volume = response[i]._Volume = getEnumByValue(Enum.CompanyVolume, response[i].Volume).description; row._CreatedOn = response[i]._CreatedOn = toDate(response[i].CreatedOn); row._ModifiedOn = response[i]._ModifiedOn = toDate(response[i].ModifiedOn); if (response[i].Area) { row._TypeTs = response[i]._TypeTs = response[i]._TypeTs + "Площ;"; } if (response[i].Tent) { row._TypeTs = response[i]._TypeTs = response[i]._TypeTs + "Тент;"; } if (response[i].Adr) { row._TypeTs = response[i]._TypeTs = response[i]._TypeTs + "АДР;"; } if (response[i].Dkd) { row._TypeTs = response[i]._TypeTs = response[i]._TypeTs + "ДКД;"; } if (response[i].Mega) { row._TypeTs = response[i]._TypeTs = response[i]._TypeTs + "Мега;"; } if (response[i].Zhd) { row._TypeTs = response[i]._TypeTs = response[i]._TypeTs + "ЖД;"; } if (response[i].Ref) { row._TypeTs = response[i]._TypeTs = response[i]._TypeTs + "Реф;"; } if (response[i].Yumba) { row._TypeTs = response[i]._TypeTs = response[i]._TypeTs + "Юмба;"; } if (response[i].Coupler) { row._TypeTs = response[i]._TypeTs = response[i]._TypeTs + "Сцепка;"; } if (response[i].Complex) { row._TypeTs = response[i]._TypeTs = response[i]._TypeTs + "Сборные;"; } if (response[i].Lowtonnage) { row._TypeTs = response[i]._TypeTs = response[i]._TypeTs + "Малотоннаж;"; } if (response[i].CustomCarrier) { row._TypeTs = response[i]._TypeTs = response[i]._TypeTs + "Там.Перевоз.;"; } if (response[i].Outsized) { row._TypeTs = response[i]._TypeTs = response[i]._TypeTs + "Негаб;"; } if (response[i].OtdOutsized) { row._TypeTs = response[i]._TypeTs = response[i]._TypeTs + "ОТД;"; } d.push(row); } $timeout(function () { for (var i = 1; i < $scope.settings.columns.length; i++) { listSource[i - 1].checked = !$scope.settings.columns[i].hidden; } $("#jqxlistbox").jqxListBox({ source: listSource, width: 200, height: 70, checkboxes: true }); }, 3000); $scope.response = response; $scope.settings.source = new $.jqx.dataAdapter({ localdata: d }); $(".jqx-grid").on('rowdoubleclick', function (event) { $(".jqx-grid").scope().view(event.args.rowindex); }); }); }; initialize();
I am getting error “Uncaught TypeError: Cannot read property ‘invoke’ of undefined” when I try to scroll the grid.
Check this is topic ,but we have different error and that decision is not help me.
Thank you for attentionSorry for worry.
I solved the problem on my own.
Be careful with the combobox and createeditor.
Good luck in future 🙂Hello AlexeyZabelsky,
Thanks for the update!
I am sorry we didn’t have an answer ready for you.
Glad to hear you managed things on your own.Best Regards,
StanislavjQWidgets Team
http://www.jqwidgets.com/Hi,
I am encountering similar issue. Will you be able to advise how you managed to solve this?
-
AuthorPosts
You must be logged in to reply to this topic.