List in the List Manager is not select when press "Enter" button from the Keyboard.

unknown
1 parent 6436ddf2
Showing 2 changed files with 40 additions and 10 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
400-SOURCECODE/AIAHTML5.Web/index.html
@@ -527,13 +527,34 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
         $('#daBodyview').css("width", $(window).outerWidth());
     }
-    angular.element(document).ready(function () {
+    angular.element(document).ready(function (e) {
             function checkWidth() {
             var CanvasDivWidthAftrMin = $("#canvasDiv").width() / 2;
             $("#canvasDiv").scrollLeft(CanvasDivWidthAftrMin);
            }
-           $("#daImagePanel").resize(checkWidth);
-  })
+            $("#daImagePanel").resize(checkWidth);
+
+            $(document).on("mouseover", "#termList option", function (e) {
+            $('#termList option[selected="selected"]').attr("selected", false);
+            $(this).attr("selected", true);
+            });
+          
+
+            $(document).keypress(function (e) {
+                if ($('#termList option[selected="selected"]').attr("id") == "undefined") {
+
+                    return false;
+                }
+                else {
+                    var originator = e.keyCode || e.which;
+                    if (e.keyCode == 13) {
+                        onListManagerTermSelection($('#termList option[selected="selected"]').attr("id"));
+                    }
+                }
+            });
+       
+
+            })
     $scope.loadSearchDataForBodyView = function () {
@@ -7038,7 +7059,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
             $rootScope.prevId = actualTermNumber;
-            $("#termList").find("option").attr('selected', false);
+          //  $("#termList").find("option").attr('selected', false);
             $("#termList").find("option").css({ "background-color": "#ffffff", "color": "#000000" });
             $("#termList").find("option[id=" + actualTermNumber + "]").css({ "background-color": "#3399FF", "color": "#ffffff" });
             $("div#backdrop #termlistfilter li").find("a").css({ "background-color": "#ffffff", "color": "#000000" });
@@ -7399,7 +7420,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
                 for (var j = 0; j < $scope.VocabTermTxt.length; j++) {
-                    var $el = $('<option  id=' + $scope.VocabTermTxt[j]._ActualTermNumber + '>' + $scope.VocabTermTxt[j]._TermText + '</option>').appendTo('#termList')
+                    var $el = $('<option id=' + $scope.VocabTermTxt[j]._ActualTermNumber + '>' + $scope.VocabTermTxt[j]._TermText + '</option>').appendTo('#termList')
                     $compile($el)($scope);
                 }
@@ -7514,7 +7535,14 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
     }
+    //$rootScope.termListEnterEvent = function (event) {
+     //   $(document).("")
+        //debugger;
+        //alert(event.currentTarget.id);
+        //$('#termList option[selected="selected"]').attr("selected", false);
+        // alert("sss");
+    //}
 }]
@@ -7655,4 +7683,6 @@ function onListManagerTermSelection(id) {
         scope.HighlightBodyOnListManagerSelection(id);
     });
-}
 \ No newline at end of file
+}
+
+
@@ -49,8 +49,9 @@
         #termList option:hover {
-            background-color: #3399FF;
-            color:#fff;
+           background-color: #3399FF !important;
+           color: #fff !important;
+           
         }
@@ -743,10 +744,9 @@
                         </div>
-
                         <!--DA > List Manager > Multiple structure selection should not be available.-->
                         <div class="form-group">
-                            <select id="termList" class="form-control"  size="10" onclick="if (typeof (this.selectedIndex) != 'undefined') onListManagerTermSelection(this.options[this.selectedIndex].id)"></select>
+                            <select id="termList" class="form-control" size="10" onclick="if (typeof (this.selectedIndex) != 'undefined') onListManagerTermSelection(this.options[this.selectedIndex].id)"></select>
                         </div>
                     </div>