Framework7 常用控件(1/4)

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

全局设置
这个可以在App 初始化时，通过传递 modalTitle 参数改变标题。预定义modals的按钮文本(如 "Ok" 和 "Cancel"，通过传递 modalButtonOk 和 modalButtonCancel 参数改变。

myApp.alert(text, [callbackOk])

• text - string. Alert文本
• title - string. 可选. Alert modal 标题
• callbackOk - function. Optional.在Alert modal下，当用户点击“Ok”按钮时，回调函数将被执行。
• 该方法返回动态创建的modal的HTML元素。

var myApp = new Framework7();
var $$ = Dom7;
$$('.alert-text-title-callback').on('click', function () {
    myApp.alert('这是alert内容', '标题', function () {
        myApp.alert('Button clicked!')
    });
});

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

• text - string. Confirm 文本
• title - string. 可选 Confirm modal 标题
• callbackOk - function. Optional. 在 Confirm modal下，当用户点击“Ok”按钮时，回调函数将被执行。(当用户确认操作）
• callbackCancel - function. Optional. 在 Confirm modal下，当用户点击“Cancel”按钮时，回调函数将被执行。(当用户不想进行操作)
• 该方法返回动态创建的modal的HTML元素。

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

• text - string. Prompt 文本/问题
• title - string. 可选. Prompt modal 标题
• callbackOk - function. Optional. 在 Prompt modal下，当用户点击“Ok”按钮时，回调函数将被执行。回调函数的参数是输入框的值
• callbackCancel - function. Optional. 在 Prompt modal下，当用户点击“Cancel”按钮时，回调函数将被执行。回调函数的参数是输入框的值
• 该方法返回动态创建的modal的HTML元素。

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