Kendo DropDownList에 선택한 항목이 표시되지 않음

개미

AngularJS에서 데이터 세트를 필터링하기 위해 한 쌍의 Kendo 드롭 다운 목록을 사용하려고합니다. 하나는 정적 ObservableArray 데이터 소스를 사용하여 상태별로 데이터 세트를 필터링합니다. 다른 데이터 소스는 데이터 세트의 "regionID"열에있는 고유 한 값 집합이며 ObservableArray로도 저장됩니다. 상태 드롭 다운이 변경되면 지역 드롭 다운이 새로 필터링 된 데이터에서 지역 목록을 다시로드해야합니다. 이것은 작동하지만 선택한 값을 나타내야하는 모델에 여전히 올바른 값이 있고 데이터가 여전히 동일한 값으로 올바르게 필터링 되더라도 선택한 값이 비워집니다. 드롭 다운을 연 다음 클릭하면 해당 값이 표시됩니다.

HTML은 다음과 같습니다.

<select name="filterByRegion" style="width: 180px;" class="form-control" ng-model="selectedRegion" ng-change="onRegionFilterChange(selectedRegion)" kendo-drop-down-list k-options="regionFilterOptions"></select>
<select name="accountStatus" style="width: 180px;" class="form-control" ng-model="status" ng-change="onAccountStatusChange(status)" kendo-drop-down-list k-options="accountStatusOptions"></select>

다음은 컨트롤러의 두 가지 "onChange"메서드입니다.

        $scope.onAccountStatusChange = function(status) {
            $scope.status = status;
            updateRegionFilterList();
        };
        $scope.onRegionFilterChange = function(selectedRegion) {
            $scope.selectedRegion = selectedRegion;
        };

마지막으로 다음은 updateRegionFilterList 메서드입니다.

        var updateRegionFilterList = function () {

            $scope.regions.empty();

            angular.forEach($scope.accounts, function(account) {
                if (account.reviewStatus === $scope.status) {
                    if ($scope.regions.indexOf(account.regionID) <= -1) {
                        $scope.regions.push(account.regionID);
                    }
                }
            });

            $scope.regions.sort();
            $scope.regions.unshift("Filter By Region:");

            if ($scope.regions.indexOf(tempRegion) <= -1) {
                $scope.selectedRegion = "Filter By Region";
            }
        };

selectedRegion 값을 보존하고 다시로드하고 ObservableArray를 비우는 대신 불필요한 영역을 분할하는 등 여러 가지 작업을 시도했으며 디버거에서 모든 값을 확인했으며 모든 값이 올바른지 확인했습니다 (아니요 명백한 경쟁 조건 중 하나).

어떤 아이디어?

개미

나는 그것을 알아. 나는 검도 및 각도 구성을 드롭 다운과 혼합했고 각도 프로세스에 의존하여 데이터를 업데이트했습니다. Kendo MVVM 항목을 제대로 업데이트하지 못했습니다. 순수 검도로 전환하는 것이 트릭이었습니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

선택 변경시 SelectableList에 선택한 항목이 표시되지 않음

분류에서Dev

DropdownList에 선택한 값이 표시되지 않습니다.

분류에서Dev

선택 목록에서 선택한 항목이보기 드롭 다운에 표시되지 않음

분류에서Dev

다음 항목이 표시되지 않을 때 항목에 대한 자바 스크립트 선택기

분류에서Dev

Java : Combobox에 선택한 이미지가 표시되지 않음

분류에서Dev

선택한 항목이 텍스트 상자에 표시되지 않습니다.

분류에서Dev

Angular2 드롭 다운에서 선택한 항목이 표시되지 않음

분류에서Dev

DropDownList 선택 항목이 저장되지 않음

분류에서Dev

노드가 확장되지 않는 한 kendo treeview 데이터 소스가 자바 스크립트 디버그에서 하위 항목을 표시하지 않음

분류에서Dev

angularjs에서 필터링 할 때 선택 상자에 선택한 항목이 표시되지 않습니다.

분류에서Dev

Polymer-Dart 철 목록이 선택한 항목에 바인딩되지 않음

분류에서Dev

드롭 다운 목록에 표시되지 않는 선택한 항목

분류에서Dev

Rails 4 선택 항목이 표시되지 않음

분류에서Dev

드롭 다운에 선택한 옵션이 표시되지 않음

분류에서Dev

PHP 드롭 다운 상자에 선택한 값이 표시되지 않음

분류에서Dev

선택한 탐색 모음에 조각이 표시되지 않습니까?

분류에서Dev

선택한 자동 완성 값이 입력 상자에 표시되지 않음

분류에서Dev

Kendo Grid 행이 표시되지 않음

분류에서Dev

MVC 선택 목록이 드롭 다운에서 선택한 항목을 표시하지 않습니다.

분류에서Dev

다중 선택 상자, 편집 용, 역할에 대해 현재 선택된 권한이 표시되지 않음

분류에서Dev

선택한 데이터 (정적 선택 상자) 편집보기에서 표시되지 않음

분류에서Dev

클릭 한 항목이 드롭 다운에서 선택되지 않고 대신 항상 제목 텍스트가 표시되는 이유

분류에서Dev

드롭 다운에서 선택한 항목이 작동하지 않음

분류에서Dev

Xamarin.Forms IsVisible이 선택한 항목 후 Android에서 작동하지 않음

분류에서Dev

표시되지 않은 UL에서 LI 하위 항목 선택

분류에서Dev

Android 작업 표시 줄에 항목이 표시되지 않음

분류에서Dev

작업 표시 줄에 항목이 표시되지 않음

분류에서Dev

Knockout / Select2 드롭 다운 목록에 올바른 옵션이 포함되어 있지만 이제 선택한 항목이 표시되지 않습니다.

분류에서Dev

Emacs-창 모드에서 선택이 표시되지 않음

Related 관련 기사

  1. 1

    선택 변경시 SelectableList에 선택한 항목이 표시되지 않음

  2. 2

    DropdownList에 선택한 값이 표시되지 않습니다.

  3. 3

    선택 목록에서 선택한 항목이보기 드롭 다운에 표시되지 않음

  4. 4

    다음 항목이 표시되지 않을 때 항목에 대한 자바 스크립트 선택기

  5. 5

    Java : Combobox에 선택한 이미지가 표시되지 않음

  6. 6

    선택한 항목이 텍스트 상자에 표시되지 않습니다.

  7. 7

    Angular2 드롭 다운에서 선택한 항목이 표시되지 않음

  8. 8

    DropDownList 선택 항목이 저장되지 않음

  9. 9

    노드가 확장되지 않는 한 kendo treeview 데이터 소스가 자바 스크립트 디버그에서 하위 항목을 표시하지 않음

  10. 10

    angularjs에서 필터링 할 때 선택 상자에 선택한 항목이 표시되지 않습니다.

  11. 11

    Polymer-Dart 철 목록이 선택한 항목에 바인딩되지 않음

  12. 12

    드롭 다운 목록에 표시되지 않는 선택한 항목

  13. 13

    Rails 4 선택 항목이 표시되지 않음

  14. 14

    드롭 다운에 선택한 옵션이 표시되지 않음

  15. 15

    PHP 드롭 다운 상자에 선택한 값이 표시되지 않음

  16. 16

    선택한 탐색 모음에 조각이 표시되지 않습니까?

  17. 17

    선택한 자동 완성 값이 입력 상자에 표시되지 않음

  18. 18

    Kendo Grid 행이 표시되지 않음

  19. 19

    MVC 선택 목록이 드롭 다운에서 선택한 항목을 표시하지 않습니다.

  20. 20

    다중 선택 상자, 편집 용, 역할에 대해 현재 선택된 권한이 표시되지 않음

  21. 21

    선택한 데이터 (정적 선택 상자) 편집보기에서 표시되지 않음

  22. 22

    클릭 한 항목이 드롭 다운에서 선택되지 않고 대신 항상 제목 텍스트가 표시되는 이유

  23. 23

    드롭 다운에서 선택한 항목이 작동하지 않음

  24. 24

    Xamarin.Forms IsVisible이 선택한 항목 후 Android에서 작동하지 않음

  25. 25

    표시되지 않은 UL에서 LI 하위 항목 선택

  26. 26

    Android 작업 표시 줄에 항목이 표시되지 않음

  27. 27

    작업 표시 줄에 항목이 표시되지 않음

  28. 28

    Knockout / Select2 드롭 다운 목록에 올바른 옵션이 포함되어 있지만 이제 선택한 항목이 표시되지 않습니다.

  29. 29

    Emacs-창 모드에서 선택이 표시되지 않음

뜨겁다태그

보관