无法使用手柄获取旧的提交值

问题描述 投票:0回答:1

我正在尝试由用户在表单字段中获取输入的详细信息,以便我可以编辑和更新所选记录。但是,当我单击“编辑”按钮时,表单中出现空白表单字段。

  router.get('/',function(req,res){
    res.render('./users/addoredit',{
        viewTitle:"Insert User",
        user:req.body
    })
})
router.post('/',function(req,res){
    if(req.body._id==="")
   insertRecord(req,res)
   else
   updateRecord(req,res)
})


function insertRecord(req,res){
const user=new User()
user.name=req.body.name
user.address=req.body.address
user.email=req.body.email
user.mobile=req.body.mobile
user.save((err,docs)=>{
    if(!err)
    res.redirect('user/list')
    else
    res.render('./users/addoredit',{
        viewTitle:"Insert User",
        user: req.body})
})
}
router.get('/list',(req,res)=>{
    User.find((err,docs)=>{
        if(!err){
        res.render('./users/list',{
            list:docs
        })
    }
    else{
        console.log(err)
    }
    }).lean()
    })

function updateRecord(req,res){
User.findOneAndUpdate({_id:req.body._id},req.body,{new:true},(err,docs)=>{
    if(!err)
    res.redirect('/user/list')
    else
    console.log
})
}

router.get('/:id',function(req,res){
    User.findById(req.params.id,(err,doc)=>{
        if(!err)
        res.render('./users/addoredit',{
            viewTitle:"Update User",
            user:doc
        })
        else
        res.redirect('user/list')
    })

})

我通过将记录插入addoredit把手中来获得传递的值,如下所示:

    <form action="/user" method="POST"  autocomplete="off">
 <div class="form-group">
     <input type="hidden" name="_id" value="{{user._id}}">
    <label for="name">Name</label>
    <input type="text" class="form-control" name="name" placeholder="Enter name" value="{{user.name}}">
  </div>
    <div class="form-group">
    <label for="address">Address</label>
    <input type="text" class="form-control" name="address"  placeholder="Enter address" value="{{user.address}}">
  </div>

  <div class="form-group">
    <label for="email">Email address</label>
    <input type="email" class="form-control" name="email"  placeholder="Enter email" value="{{user.email}}">
  </div>
   <div class="form-group">
    <label for="mobile">Mobile</label>
    <input type="number" class="form-control" name="mobile"  placeholder="Enter mobile number" value="{{user.mobile}}">
  </div>

  <button type="submit" class="btn btn-primary">Submit</button>
</form>

这是我第一次尝试在nodejs中进行项目,因此,我无法弄明白出了什么问题。我已将用户输入的值传递为req.body。所有操作均正常运行,但由于无法从表单获取用户ID,因此无法更新记录。

列出后编辑和删除记录的HBS:

<table class="table table-striped">
<thead>
    <tr>
        <th>Full Name</th>
        <th>Email</th>
        <th>Mobile</th>
        <th>City</th>
        <th></th>
    </tr>
</thead>
<tbody>
    {{#each list}}
    <tr>
        <td>{{this.name}}</td>
        <td>{{this.address}}</td>
        <td>{{this.email}}</td>
        <td>{{this.mobile}}</td>
        <td>
            <a href="/user/{{this._id}}"><i class="fa fa-pencil fa-lg"></i></a>
            <a href="/user/delete/{{this._id}}" onclick="return confirm('Are you sure to delete this record ?');"><i class="fa fa-trash fa-lg" aria-hidden="true"></i></a>
        </td>
    </tr>
    {{/each}}
</tbody>

我遇到了之前没有注意到的以下错误:

Handlebars: Access has been denied to resolve the property "_id" because it is not an "own property" of its parent.
You can add a runtime option to disable the check or this warning:
javascript node.js express handlebars.js
1个回答
0
投票

我以为问题在于传递来自把手的值,但这是与把手的版本有关。这解决了我的问题:

npm install [email protected]
© www.soinside.com 2019 - 2024. All rights reserved.