i try to pass data from controller to partial view in viewdata but it didn't work correctly

Question

I'm trying to pass data from my controller to a partial view using ViewData but it's not working correctly.

code in controller

public PartialViewResult PartFace()
    {

        string message = "You are not connected to Facebook";
        string name = "";
        string appid = ConfigurationManager.AppSettings["AppID"];
        FacebookConnect fbConnect = new FacebookConnect();
        if (fbConnect.IsConnected)
        {
            message = "You are connected to Facebook";
            string token = fbConnect.AccessToken;
            token = HttpUtility.UrlDecode(token);
            Facebook.FacebookAPI api = new Facebook.FacebookAPI(token);
            JSONObject me = api.Get("/" + fbConnect.UserID);
        }
        ViewData["Message"] = message;
        ViewData["AppID"] = ConfigurationManager.AppSettings["AppID"];
        ViewData["Name"] = name;
        return PartialView();
    }

code in partial view

<h2><%: ViewData["AppID"]%></h2>
<% if (!string.IsNullOrEmpty((string)ViewData["Name"])) { %>
<h2>Hello, <%: (string)ViewData["Name"]%> </h2>
<% } %>
<p>
    <fb:profile-pic uid="loggedinuser" facebook-logo="true" linked="false"></fb:profile-pic>
    <fb:login-button autologoutlink='true' onlogin='window.location.reload()' perms='read_stream,publish_stream,read_friendlists,user_activities'></fb:login-button>
</p>
 <div id="fb-root"></div>
<script type='text/javascript'>
    window.fbAsyncInit = function () {
        FB.init({ appId: '<%= ViewData["AppID"] %>', status: true, cookie: true,
            xfbml: true
        });
    };
    (function () {
        var e = document.createElement('script'); e.async = true;
        e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
        document.getElementById('fb-root').appendChild(e);
    } ());
</script>

code to call this partial in master page

<% Html.RenderPartial("~/Views/Home/PartFace.ascx"); %>

Could you elaborate on what aspect of this is not working correctly? What output are you getting? — StriplingWarrior, Nov 14 '11 at 15:01
first i want to know how to pass data from controller to partialview — Eng Ahmed Samer, Nov 14 '11 at 15:02
You can return a View and call a PartialView within this view. From Controller to PartialView makes no sense. — dknaack, Nov 14 '11 at 15:04

dknaack · Answer 1 · 2011-11-14T16:35:46.370

1

Create a ViewModel:

    public class ViewModel
    {
        public string Message { get; set; }
        public int AppId { get; set; }
        // ...
    }

Pass it to you view like this

return View(new ViewModel() { Message = "Works" });

then you can access this in you view by setting

@model ViewModel;

@Model.Message

if you want to pass informations to a partial view you can do this (in your view)

Html.RenderPartial("~/Views/Home/PartFace.ascx", Model)

if you want to pass your model or

Html.RenderPartial("~/Views/Home/PartFace.ascx", Model.AppId)

if you want the appid getting passed to your partial.

hope this helps

edited Nov 14 '11 at 16:35

answered Nov 14 '11 at 15:01

dknaack

60,192
27
155
202

+1: Good advice, but could you change the answer to work in the ASP.NET View Engine (not Razor)? – StriplingWarrior Nov 14 '11 at 15:04
problem in passing data from "controller" to "partialview" – Eng Ahmed Samer Nov 14 '11 at 15:08
ahh ok, ive changed my answer. hope thats it ;) – dknaack Nov 14 '11 at 16:35

score 1 · Answer 2 · answered Nov 14 '11 at 16:32

You render the partial view directly. In order to get the data from the controller you should call RenderAction like this:

<% Html.RenderAction("PartFace"); %>

Note that if the call is from a view rendered by a different controller than the one containing the PartFace action you should also specify the corresponding controller:

<% Html.RenderAction("PartFace", "[controller]"); %>

Lakshmikanthan V R · Answer 3 · 2016-06-14T09:54:44.207

I had similar problem, this solution did work for me.

Created ViewDataDictionary collection

assigned the collection to viewData property of a partial before return.

public PartialViewResult PartFace() {

string message = "You are not connected to Facebook";
string name = "";
string appid = ConfigurationManager.AppSettings["AppID"];
FacebookConnect fbConnect = new FacebookConnect();
if (fbConnect.IsConnected)
{
    message = "You are connected to Facebook";
    string token = fbConnect.AccessToken;
    token = HttpUtility.UrlDecode(token);
    Facebook.FacebookAPI api = new Facebook.FacebookAPI(token);
    JSONObject me = api.Get("/" + fbConnect.UserID);
}

ViewDataDictionary viewData = new ViewDataDictionary();
viewData.Add("Message", message);
viewData.Add("AppID",  ConfigurationManager.AppSettings["AppID"]);
viewData.Add("Name",  name);

var partialView = PartialView();
partialView.ViewData = viewData;

return partialView;
}

i try to pass data from controller to partial view in viewdata but it didn't work correctly

code in controller

code in partial view

code to call this partial in master page

3 Answers3