Framework7 常用控件(2/4)

本篇文章主要介绍了" Framework7 常用控件"，主要涉及到方面的内容，对于web前端感兴趣的同学可以参考一下： 全局设置这个可以在App 初始化时，通过传递 modalTitle 参数改变标题。预定义modals的按钮文本(如 "Ok" 和 "Cancel"，通过传递 m...

• text - string. Modal 文本
• title - string. 可选. Modal 标题
• callbackOk - function. 可选. 用户点击“确定”按钮时，回调函数将被执行。 回调函数的参数是用户名和密码
• callbackCancel - function. 可选. 当用户点击“取消”按钮时，回调函数将被执行。 回调函数的参数是用户名和密码
• 该方法返回动态创建的modal的HTML元素。

myApp.modalPassword(text, [title, callbackOk, callbackCancel])

• text - string. Modal 文本
• title - string. 可选. Modal 标题
• callbackOk - function. Optional. 用户点击“确定”按钮时，回调函数将被执行。 回调函数的参数是用户输入的密码
• callbackCancel - function. Optional. 当用户点击“取消”按钮时，回调函数将被执行。回调函数的参数是用户输入的密码

自定义Modals
所有的预定义modals都只是一些适用于特定的场景的方法. 让我们看看如何创建自定义的 modals:

$$('.open-tabs-modal').on('click', function () {
  myApp.modal({
    title:  '
'+
              'Tab 1'+
              'Tab 2'+
            '
',
    text: '
'+
            '
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam convallis nunc non dolor euismod feugiat. Sed at sapien nisl. Ut et tincidunt metus. Suspendisse nec risus vel sapien placerat tincidunt. Nunc pulvinar urna tortor.
'+
            '
Vivamus feugiat diam velit. Maecenas aliquet egestas lacus, eget pretium massa mattis non. Donec volutpat euismod nisl in posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae
'+
          '
',
    buttons: [
      {
        text: 'Ok, got it',
        bold: true
      },
    ]
  })
});

操作表是动态元素，只能使用Javascript来创建并弹出它。让我们看一下创建操作表相关的App方法：