本文共 1230 字，大约阅读时间需要 4 分钟。

1、modal 模态框 的代码如下：

   
  
    
    
     
      
      
        
       ×        
       
New message
      
      
      
      
        
       
          
        
 
         Title: 
          
        
          
        
 
         Body: 
          
        
        
       
      
      
      
      
        
       Close        
       Save      
      
    
     
  
    
   

2、调用模态框的页面

   
            
    
                      {% for emp in pagination.objs %}                
                {% endfor %}             
                   
                      
                         
title
                         
body
                         
time
                         
operation
                      
                   
                   
      
                       
{
  { emp.title }}
                       
{
  { emp.body }}
                       
{
  { emp.timestamp }}
                       
                                                                    
                      
     
              
   

当我点击编辑图标时，将这一行的数据传给模态框的input中

3、js实现向模态框modal传递数据

function edititem(obj){var tr=$(obj).parent().parent();var title = tr.children("td#title").text();var body = tr.children("td#body").text();$('#titletext').val(title);$('#bodytext').val(body);$('#exampleModal').modal('show')};

4、结果如下