📌  相关文章
📜  Framework7表单数据

📅  最后修改于: 2021-01-02 06:03:14             🧑  作者: Mango

Framework7表单数据

有一些表格数据方法使使用表格变得容易。请参见两种表单数据方法：

表单到JSON formToJSON()方法用于将所有表单字段值转换为JSON。

来自JSON的表单： formFromJSON方法用于根据JSON数据填充表单。

表单到JSON

Framework7提供了一种myApp.formToJSON(form)方法，用于将所有表单字段值转换为JSON。

myApp.formToJSON(form)：此方法接受form作为参数，它是HTMLElement或必须转换为JSON的形式的字符串。此参数是必需的，并且此方法返回JSON数据。

每个输入必须具有name属性，否则其值将不会出现在JSON中。多个选择和复选框将在JSON中显示为数组。

例

让我们以一个示例来演示在Framework7中将表单用于JSON的方法：



   
      
      
      
      Checkboxes group
      
      
   
   
      

         

            

               

                  
                  

                     

                        
 

                        
Form To JSON

                        
 

                     

                  

                  
                  

                     

                        
    
                           
  • 
                              
    
                                 
    
                                    
    Name
    
                                    
    
                                       
                                    
    
                                 
    
                              
    
                           
    • 
                           
                           
  • 
                              
    
                                 
    
                                    
    E-mail
    
                                    
    
                                       
                                    
    
                                 
    
                              
    
                           
    • 
                           
                           
  • 
                              
    
                                 
    
                                    
    Gender
    
                                    
    
                                       
                                    
    
                                 
    
                              
    
                           
    • 
                           
                           
  • 
                              
    
                                 
    
                                    
    Switch
    
                                    
    
                                       
                                    
    
                                 
    
                              
    
                           
    • 
                        

                     

                     
                     

                     Get Form Data

JSON示例中的表格

Framework7通过使用以下方法帮助您根据JSON填写表单：

myApp.formFromJSON(form，formData)：此方法接受两个参数：

  • 形式：它是HTMLElement或形式的字符串，必须转换为JSON。这是一个必需的参数。
  • formData：这是具有JSON格式的表单数据的对象。这是一个必需的参数。

让我们以一个示例来演示在Framework7中使用JSON表单：




   
      
      
      
      Checkboxes group
      
      
   

   
      

         

            

               

                  
                  

                     

                        
 

                        
Form To JSON

                        
 

                     

                  

                  
                  

                     

                        
    
                           
  • 
                              
    
                                 
    
                                    
    Name
    
                                    
    
                                       
                                    
    
                                 
    
                              
    
                           
    • 
                           
                           
  • 
                              
    
                                 
    
                                    
    E-mail
    
                                    
    
                                       
                                    
    
                                 
    
                              
    
                           
    • 
                           
                           
  • 
                              
    
                                 
    
                                    
    Gender
    
                                    
    
                                       
                                    
    
                                 
    
                              
    
                           
    • 
                           
                           
  • 
                              
    
                                 
    
                                    
    Switch
    
                                    
    
                                       
                                    
    
                                 
    
                              
    
                           
    • 
                        

                     

                     
                     

                     Fill Up Form