framework7教程

Framework7 消息栏

说明

Framework7 提供了特殊的可调整大小的工具栏，以与应用程序中的消息传递系统配合使用。

以下代码显示了消息栏布局-

<div clas = "toolbar messagebar">
   <div clas = "toolbar-inner">
      <textarea placeholder = "Message"></textarea>
      <a href = "#" clas = "link">Send</a>
   </div>
</div>

在消息栏中，"页面"的内部非常重要，位于"消息-内容"的右侧-

<div class = "page toolbar-fixed">
   <!--messagebar-->
   <div class = "toolbar messagebar">
      <div class = "toolbar-inner">
         <textarea placeholder = "Message"></textarea>
         <a href = "#" class = "link">Send</a>
      </div>
   </div>
   
   <!--messages-content-->
   <div class = "page-content messages-content">
      <div class = "messages">
         ... messages
      </div>
   </div>
</div>

您可以使用以下方法通过 JavaScript 初始化消息栏-

myApp.messagesbar(messagesbarContainer, parameters)

该方法有两个选项-

messagesbarContainer-它是包含消息栏容器 HTML 元素的必需 HTML 元素或string。 parameters-它指定一个带有消息栏参数的对象。

例如-

var myMessagebar = app.messagebar('.messagebar', {
   maxHeight: 200
});

消息栏参数

maxHeight-用于设置 textarea 的最大高度，并将根据其文本量调整大小。参数类型为 number，默认值为 null。

消息栏属性

下表显示了消息栏属性-

S.No	属性和描述
1	myMessagebar.params 您可以使用传递的初始化参数指定对象。
2	myMessagebar.container 您可以使用 messagebar 容器 HTML 元素指定 dom7 元素。
3	myMessagebar.textarea 您可以使用 messagebar textarea HTML 元素指定 dom7 元素。

消息栏方法

下表显示了消息栏方法-

S.No	方法和说明
1	myMessagebar.value(newValue); 如果 newValue 是，它设置消息栏 textarea 值/文本并返回消息栏 textarea 值未指定。
2	myMessagebar.clear(); 它清除文本区域并更新/重置大小。
3	myMessagebar.destroy(); 它销毁消息栏实例。

用 HTML 初始化消息栏

您可以通过将 messagebar-init 类添加到 .messagebar 来使用 HTML 初始化消息栏，而无需使用 JavaScript 方法和属性，并且您可以使用 传递所需的参数>data- 属性。

以下代码指定用 HTML 初始化消息栏-

<div class = "toolbar messagebar messagebar-init" data-max-height = "200">
   <div class = "toolbar-inner">
      <textarea placeholder = "Message"></textarea>
      <a href = "#" class = "link">Send</a>
   </div>
</div>

访问 Messagebar 的实例

可以访问消息栏实例，如果您使用 HTML 对其进行初始化；它是通过使用其容器元素的 f7 Message bar 属性来实现的。

var myMessagebar = $('.messagebar')[0].f7Messagebar;
// Now you can use it
myMessagebar.value('Hello world');

找工作要求35岁以下，35岁以上的程序员都干什么去了？

长久以来，一直有一个问题困扰着技术人——如何打破“程序员的35岁职业魔咒”，这一天迟早会到来，或早或晚。

或许是选错了行业，程序员薪水虽高，但光鲜的外表下，背后的苦衷只有自己知道。三十多岁本该是一个人事业的黄金期，但技术变化日新月异，行业竞争异常残酷，对一个企业来说，永远有比你更年轻、劳动成本更低的人可以选择，这让你的中年危机提前到来。破局的智慧可以看看这本书！>>

<< Framework7 消息 Framework7 通知 >>

昵称：邮箱：