使用html razor

时间:2018-02-15 13:19:59

标签: c# razor model-view-controller partial-views

我的模型中有这个简单的用户列表。 如果我们单击一个用户,我想将该用户设置为所选用户并刷新部分视图。 我的代码如下:

<div id="myPartialView">
@if (@Model.ChosenUser != null)
{
    @Model.ChosenUser.UserName
}                        

<ul>    
    @foreach (var u in Model.Users)
    {
        <li>
            <a href='@Url.Action("ChooseUser", "Controller", new { userId = u.UserId })'>@u.UserName</a>

        </li>
    }
</ul>

控制器方法返回Ok(); 我当前的代码将我重定向到一个空白页面,我必须返回并刷新页面才能看到模型的变化。

我的问题是,如何在剃刀动作后仅刷新此部分视图?

1 个答案:

答案 0 :(得分:0)

您需要在此处使用const MongoClient = require('mongodb').MongoClient; const assert = require('assert'); // Connection URL const url = 'mongodb://127.0.0.1:27017'; // Database Name const dbName = 'myDB'; // Use connect method to connect to the server MongoClient.connect(url, function(err, client) { assert.equal(null, err); console.log("Connected successfully to server"); const db = client.db(dbName); insertDocuments(db, function() { client.close(); }); }); const insertDocuments = function(db, callback) { // Get the documents collection const collection = db.collection('documents'); // Insert some documents collection.insertMany([ {a : 1}, {a : 2}, {a : 3} ], function(err, result) { assert.equal(err, null); assert.equal(3, result.result.n); assert.equal(3, result.ops.length); console.log("Inserted 3 documents into the collection"); callback(result); }); }

Ajax.ActionLink

帮助器方法将呈现创建具有指定值的anchor标记元素所需的html,并且您需要确保在主布局中添加了脚本以用于不显眼的ajax。

为此你可以看一下,需要哪些脚本是先决条件:

How to use Ajax.ActionLink?

并且您的操作方法应该返回部分视图所期望的模型与模型中填充的数据。

请参阅以下帖子以详细了解Ajax Action Link:

http://www.c-sharpcorner.com/UploadFile/abhikumarvatsa/ajax-actionlink-and-html-actionlink-in-mvc/