强制DropDownList使用列表而不是ActionSheet for mobile

时间:2013-08-28 14:32:10

标签: kendo-ui kendo-mobile

我正在使用Kendo开发iPad应用程序,DropDownList正在抛出一个ActionSheet。我想强制它使用Web UI列表样式。我怎么能这样做?

1 个答案:

答案 0 :(得分:0)

对于任何有兴趣的人,我都能够共同解决问题。这是一个接受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);
            }
          });
        }
      });
	}