kendo-ui - 强制 DropDownList 使用列表而不是移动设备的 ActionSheet

Question

我正在使用 Kendo 开发一个 iPad 应用程序，而 DropDownList 正在抛出一个 ActionSheet。我想强制它使用 Web UI 列表样式。我怎样才能做到这一点？

Answer 1

对于任何有兴趣的人，我都能够拼凑出一个解决方案。这是一个接受 kendoMobileView 作为参数并应用修复的函数。

//Hack to force dropdowns to act like comboboxes in mobile!
	utils.fix.dropdownlists = function(view) {
      var dropdowns = view.element.find("[data-role='dropdownlist']");
      //Iterate through dropdown elements
      _.each(dropdowns, function(item){
        var comp = $(item).data("kendoDropDownList");
        if(comp && comp.popup) {
          comp.popup.bind("open", function(event){
            event.sender.element.parent().removeClass("km-popup km-widget");
            if(event.sender.element.parent().hasClass("km-popup")) {
              //Prevent default open animation.
              //Then remove classes and open the popup programitcally
              //Easy peasy, Lemon squeezy
              event.preventDefault();
              event.sender.element.parent().removeClass("km-popup km-widget");
              setTimeout(function(){
                event.sender.open();
              },0);
            }
          });
        }
      });
	}