kendo-ui - モバイル用の ActionSheet ではなく、DropDownList に強制的にリストを使用させる

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);
            }
          });
        }
      });
	}