Sync with Kendo UI Professional

Author: Kendo Bot

docs-aspnet-mvc/helpers/grid/faq.md

@@ -553,6 +553,73 @@ The following example demonstrates the Read-only property through the `Editable`
 
 Use custom editor templates. ASP.NET MVC looks for a partial view, named after the type—for example, `DateTime.cshtml`. Telerik UI for ASP.NET MVC ships with a few ready-to-use editor templates. They are located in the `\wrappers\aspnetmvc\EditorTemplates` folder. The editor templates are available in two flavors—the `ascx` folder contains the `WebForms` view engine version, whereas the `razor` folder contains the `Razor` view engine version. To use these editor templates in your application, copy all files from the corresponding folder (`ascx` or `razor`) to `~/Views/Shared/EditorTemplates` (you may need to create this folder if it does not exist yet).
 
+The following steps demonstate how to use a Kendo UI DateTimePicker to validate a date.
+
+1. Add a new partial view to the `~/Views/Shared/EditorTemplates` folder—for example, KendoDateEditor.ascx or KendoDateEditor.cshtml (if using the Razor view engine).
+
+1. Add a Kendo UI DropDownList to that partial view.
+
+
+   ```ASPX
+        <%: Html.Kendo().DateTimePicker()
+            .Value(DateTime.Now)
+            .DateInput()
+        %>
+    ```
+    ```Razor
+        @(Html.Kendo().DateTimePicker()
+            .Value(DateTime.Now)
+            .DateInput()
+        )
+    ```
+
+1. Decorate the Date property in the model using the [`UIHint`](https://msdn.microsoft.com/en-us/library/cc679268) attribute.
+
+
+        public class Order
+        {
+            public int OrderID { get; set; }
+
+            public string ShipCountry { get; set; }
+
+            [UIHint("KendoDateEditor")]
+            public Date OrderDate { get; set; }
+        }
+
+The following steps demonstate how to use a Kendo UI NumericTextBox to validate a number.
+
+1. Add a new partial view to the `~/Views/Shared/EditorTemplates` folder—for example, KendoNumberEditor.ascx or KendoNumberEditor.cshtml (if using the Razor view engine).
+
+1. Add a Kendo UI DropDownList to that partial view.
+
+
+   ```ASPX
+        <%: Html.Kendo().NumericTextBox()
+            .Round(false)
+            .Spinners(false)
+        %>
+    ```
+    ```Razor
+        @(Html.Kendo().NumericTextBox()
+            .Round(false)
+            .Spinners(false)
+        )       
+    ```
+
+1. Decorate the number property in the model using the [`UIHint`](https://msdn.microsoft.com/en-us/library/cc679268) attribute.
+
+
+        public class Order
+        {
+            public int OrderID { get; set; }
+
+            public string ShipCountry { get; set; }
+
+            [UIHint("KendoNumberEditor")]
+            public decimal Price { get; set; }
+        }
+
+
 ## See Also
 
 Other articles on the Kendo UI Grid for ASP.NET MVC:

src/kendo.dialog.js

@@ -23,6 +23,7 @@
             KWINDOW = ".k-window",
             KICONCLOSE = ".k-dialog-close",
             KCONTENTCLASS = "k-content k-window-content k-dialog-content",
+            KCONTENTSELECTOR = ".k-window-content",
             KCONTENT = ".k-content",
             KSCROLL = "k-scroll",
             KTITLELESS = "k-dialog-titleless",
@@ -39,6 +40,8 @@
             ZINDEX = "zIndex",
             BODY = "body",
             INITOPEN = "initOpen",
+            TOUCHSTART = "touchstart",
+            TOUCHMOVE = "touchmove",
             OPEN = "open",
             CLOSE = "close",
             SHOW = "show",
@@ -52,6 +55,7 @@
             HIDDEN = "hidden",
             OVERFLOW = "overflow",
             DATADOCOVERFLOWRULE = "original-overflow-rule",
+            DATAHTMLTAPYRULE = "tap-y",
             HUNDREDPERCENT = 100,
             messages = {
                 okText  : "OK",
@@ -720,15 +724,47 @@
                 $body.css(OVERFLOW, HIDDEN);
 
                 var $html = $("html");
+                var html = $html[0];
                 that._storeOverflowRule($html);
                 $html.css(OVERFLOW, HIDDEN);
+
+                // prevent touch due to bug in ios
+                if (kendo.support.mobileOS.ios) {
+                    html.addEventListener(TOUCHSTART, that._touchStart, { passive: false });
+                    html.addEventListener(TOUCHMOVE, that._touchMove, { passive: false });
+                }
+            },
+
+            _touchStart: function (e) {
+                $(this).data(DATAHTMLTAPYRULE, e.changedTouches[0].pageY);
+            },
+
+            _touchMove: function (e) {
+                var target = e.target;
+                var $target = $(e.target);
+                var upScroll = e.changedTouches[0].pageY - $(this).data(DATAHTMLTAPYRULE) > 0;
+                var preventYScroll = $target.is(KCONTENTSELECTOR) &&
+                    (upScroll && $target.scrollTop() === 0) ||
+                    (!upScroll && $target.scrollTop() === target.scrollHeight - target.clientHeight);
+                if (!$target.is(KCONTENTSELECTOR) || preventYScroll) {
+                    e.preventDefault();
+                }
             },
 
             _enableDocumentScrolling: function(){
                 var that = this;
+                var $body = $(document.body);
+                var $html = $("html");
+                var html = $html[0];
 
-                that._restoreOverflowRule($(document.body));
-                that._restoreOverflowRule($("html"));
+                that._restoreOverflowRule($body);
+                that._restoreOverflowRule($html);
+
+                if (kendo.support.mobileOS.ios) {
+                    $html.removeData(DATAHTMLTAPYRULE);
+                    html.removeEventListener(TOUCHSTART, that._touchStart, { passive: false });
+                    html.removeEventListener(TOUCHMOVE, that._touchMove, { passive: false });
+                }
             },
 
             _storeOverflowRule: function($element){