Sencha-touch-view-navigation
提供：Dev Guides
Sencha Touch-ナビゲーション
説明
これは、ナビゲーションビューを作成することです。
構文
以下は、ナビゲーションフォームを作成する簡単な構文です。
Ext.create('Ext.Form', {})例
以下は、使用法を示す簡単な例です。
<!DOCTYPE html>
<html>
<head>
<link href = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/sencha-touch.css" rel = "stylesheet"/>
<script type = "text/javascript" src = " https://cdn.sencha.com/touch/sencha-touch-2.4.2/sencha-touch-all.js">
</script>
<script type = "text/javascript">
Ext.application({
name: 'Sencha', launch: function() {
//create the navigation view and add it into the Ext.Viewport
var view = Ext.Viewport.add({
xtype: 'navigationview',
/*
*We only give it one item by default, which will be the only
* item in the 'stack' when it loads
*/
items: [
{
//items can have titles
title: 'Navigation View',
padding: 10,
//inside this first item we are going to add a button
items: [
{
xtype: 'button',
text: 'Push another view!',
handler: function() {
/*
*When someone taps this button,
* it will push another view into stack
*/
view.push({
//this one also has a title
title: 'Second View', padding: 10,
//once again, this view has one button
items: [
{
xtype: 'button',
text: 'Pop this view!',
handler: function() {
//pop current view out of the stack
view.pop();
}
}
]
});
}
}
]
}
]
});
}
});
</script>
</head>
<body>
</body>
</html>これにより、次の結果が生成されます–
