Unable to get data list from server code. : The Official Microsoft ASP.NET Forums

Reply

beingcoder20...

Member

36 Points

27 Posts

Unable to get data list from server code.

Sep 23, 2011 01:51 AM|LINK

Hi,

I am working mvc dropdownlist helpers.I am new to MVC

here is my issue,

I have 2 dropdowns on the page.One is for country ,other is for states for the country which has been selected.

I am using Jquery to postback to server and buliding the list and giving to browser.

Every thing works fine on the server side but when I try to see the data on the Browser side.It is giving System.Collections.generic.... in 'data' variable at client side.

here is my code,

.aspx:

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Index</title>
    <script type="text/javascript" src="../../Scripts/jquery-1.4.1.js"></script>
    <script type="text/javascript" src="../../Scripts/jquery-1.4.1.min.js"></script>
    <script type="text/javascript" >

        $(document).ready(function () {
            $("#Country").change(function () {
                var countrySelected = $("select option:selected").first().val();

            

                $.get("/Home/Test/", { code: countrySelected }, function (data) {


                    // alert("hai");


                    alert("data " + data[0] + data[1] + data[2] + data[3] + data[4] + data[5] + data[6] + data[7] + data[8] + data[9] + data[10] + data[11] + data[12] + data[13] + data[14] + data[15] + data[16] + data[17] + data[18] + data[19] + data[20] + data[21] + data[22] + data[23] + data[24]);

                    $('#mydiv').text(data[0]);

                });



            });
        });
    
    </script>



</head>
<body>
    <div>
   <%: Html.DropDownList("Country", (SelectList)ViewData["CList"], new { id = "Country", style = "width: 250px; background-color: #ECFADA" })%>
    </div>
    <div id="mydiv">hai</div>
</body>
</html>

ActionMethod:

 public List<SelectListItem> Test(string code)
        {
           
             List<SelectListItem> statelist = new List<SelectListItem>();
            if (code == "US")
            {
               
                statelist.Add(new SelectListItem { Text = "NewYork", Value = "NY" });
                statelist.Add(new SelectListItem { Text = "Florida", Value = "FL" });



                return (statelist);
            }
            else if(code == "CA")
            {
               
                statelist.Add(new SelectListItem { Text = "Andhra", Value = "AP" });
                statelist.Add(new SelectListItem { Text = "TamilNadu", Value = "TN" });

                return (statelist);            
            }

            return (statelist);
            
            //return View("DropDownTest");       

        }

Please help me...

Thanks in advance..

Edited by beingcoder2010 on Sep 23, 2011 01:51 AM

Reply

asteranup

All-Star

30184 Points

4906 Posts

Re: Unable to get data list from server code.

Sep 23, 2011 07:46 AM|LINK

Hi,

There are few posts for calling controller method from jquery-

http://forums.asp.net/p/1655438/4311291.aspx/1?Re+Correct+way+to+fire+controller+method+with+Jquery

http://forums.asp.net/p/1650403/4292279.aspx#4292279

http://forums.asp.net/t/1627118.aspx

http://forums.asp.net/p/1658781/4324955.aspx

For creating dropdownlist using jquery and for cascading dropdown you can check

http://www.delicious.com/anupdg/dropdown+cascading

Thanks & Regards
Anup Das Gupta
Mark as Answer if you feel so. Visit My Blog

Marked as answer by beingcoder2010 on Sep 23, 2011 04:45 PM

Reply

beingcoder20...

Member

36 Points

27 Posts

Re: Unable to get data list from server code.

Sep 23, 2011 04:20 PM|LINK

Hai Thanks for your reply..

From the links you suggested I worked on this link..

http://forums.asp.net/t/1655438.aspx/3/10?Re+Correct+way+to+fire+controller+method+with+Jquery

I wrote my code ,please find my code,

<script type="text/javascript">
      $(document).ready(function () {
          $("#Country").change(function () {
              var countryselected = $("select option:selected").first().val();

              $.post("/Home/Test/", { code: countryselected }, function (data) {

                  $.each(data, function (index, value) {
                      // alert(value.Text);

                     
                     
                      $('#State').append('<option value="' + value.Value + '">' + value.Text + '</option>');

                  });



              }, "json");



          });



      });

  
  
  </script>

 public JsonResult Test(string code)
        {

            List<SelectListItem> selectlist = new List<SelectListItem>();

            if (code == "US")
            {

                selectlist.Add(new SelectListItem { Text = "Florida", Value = "FL" });
                selectlist.Add(new SelectListItem { Text = "California", Value = "CA" });
            }
            else if (code == "CA")
            {

                selectlist.Add(new SelectListItem { Text = "AndhraPradesh", Value = "AP" });
                selectlist.Add(new SelectListItem { Text = "TamilNadu", Value = "TN" });
            }



            return Json(selectlist);

}

and every thing works fine..But the only problem I am having is with this statement.

$('#State').append('<option value="' + value.Value + '">' + value.Text + '</option>');

Every time I am calling the server,the results are appending to the previous results,

Like this,

If I select Canada ,its giving AndhraPrades,TamilNadu in the second dropdown.

If I select UnitedStates,its givng AndhraPrades,TamilNadu,Florida,California in the second dropdown.

I hope you understand my problem.

It will be great if you help on this issue.

Regards..

Reply

beingcoder20...

Member

36 Points

27 Posts

Re: Unable to get data list from server code.

Sep 23, 2011 04:45 PM|LINK

I got it using

$('#State').children().remove();

Thanks every one..

Unable to get data list from server code. RSS

3 replies

beingcoder20...

Unable to get data list from server code.

asteranup

Re: Unable to get data list from server code.

beingcoder20...

Re: Unable to get data list from server code.

beingcoder20...

Re: Unable to get data list from server code.

This site is managed for Microsoft by Neudesic, LLC. | © 2013 Microsoft. All rights reserved.

Follow Us On:

Microsoft