An example of how to create a SplitWindow for iPad using Appcelerator Mobile SDK (with Alloy MVC Framework)

index.js

$.index.addEventListener('visible',function(e){
    if (e.view == 'detail'){
        e.button.title = "Master";
        $.index.detailView.getWindow().leftNavButton = e.button;
    } else if (e.view == 'master'){
        $.index.detailView.getWindow().leftNavButton = null;
    }
});

$.index.open();

index.xml

<Alloy>
  <SplitWindow backgroundColor="white" platform="ios">
    <!-- First window is the masterView -->
    <NavigationWindow>
      <Window>
        <ListView>
          <ListSection headerTitle="Types">
              <ListItem title="Places" cat="place"></ListItem>
              <ListItem title="Visible CheckPoints" cat="visible"></ListItem>
              <ListItem title="Underground CheckPoints" cat="underground"></ListItem>
              <ListItem title="Hazards" cat="hazard"></ListItem>
          </ListSection>
        </ListView>
      </Window>
  	</NavigationWindow>
  	<!-- Second window is the detailView -->
  	<NavigationWindow>
       <Window>
              <Module id="mapview" module="ti.map" method="createView" />
      </Window>
    </NavigationWindow>
  </SplitWindow>
</Alloy>