Question

假设在Sencha Touch表单中我有3个或5个动作（不是导航）按钮，例如

保存
删除
取消
打印
下载

我希望在每个表单的底栏中显示这些按钮以保持一致性。它们只有纵向模式下显示的图标和横向模式下的图标+文本。

我想知道的是

是否有可用的component或plugin使用，我可以按照上面提到的方式显示这些表单按钮？
在纵向模式下，我只想显示3个按钮，然后在点击时显示More按钮（3个垂直点），其余按钮将显示在该按钮上。从技术上讲，如果超过一定数量，它应该处理overflow个按钮。例如。想想Sencha ExtJs中的tabs，如果你在一定数量之后打开几个标签，屏幕上会出现一个下拉列表，以查看其余的标签。我想要类似的东西。

我可以找到带有底部按钮栏的示例，但它们不符合要求。

有人能引导我吗？

感谢。

Answer 1

可能你可以试试这个：

1。）为Viewport绑定一个事件：例如：

In app.js: 


Ext.Viewport.on({
   orientationchange: function(viewport, newOrientation) {
       if(newOrientation == 'landscape') {
          // make change to button like wise u want.
          // That is , your button icon + Text.
          // your code for landscape mode.
       }
       else {
          // your code for portrait mode.
       }
   }
});

2.。）您可以点击“更多”按钮创建modal面板，并在该面板中添加额外的按钮。使用showBy方法，并在该方法中传递按钮的对象。

例如：

showBy(btn)

请查看以获取更多信息：http://docs.sencha.com/touch/2.3.1/#!/api/Ext.Component-method-showBy

Sencha Touch：工具栏可以容纳多个按钮，如果超过一定数量则会溢出

1 个答案: