jQuery UI Widgets Forums Angular Scroll error at grid

Tagged: , ,

This topic contains 3 replies, has 3 voices, and was last updated by  miotot 6 years, 1 month ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • Scroll error at grid #98926

    Zabelsky
    Participant

    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 attention

    • This topic was modified 6 years, 1 month ago by  Zabelsky.
    Scroll error at grid #98973

    Zabelsky
    Participant

    Sorry for worry.
    I solved the problem on my own.
    Be careful with the combobox and createeditor.
    Good luck in future 🙂

    Scroll error at grid #98974

    Stanislav
    Participant

    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,
    Stanislav

    jQWidgets Team
    http://www.jqwidgets.com/

    Scroll error at grid #99144

    miotot
    Participant

    Hi,

    I am encountering similar issue. Will you be able to advise how you managed to solve this?

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

You must be logged in to reply to this topic.