how to access Javascript multidimensional array in MVC controller

Question

I have to pass array of filters like this:

Script Code:

return { CustomFilter: options.filter.filters };

++++++++++++++++++++++++++++++++++++++++++++++++

From Firebug:

CustomFilter[0][field]      ItemName
CustomFilter[0][operator]   startswith
CustomFilter[0][value]      testing Value

CustomFilter[1][field]      BrandName
CustomFilter[1][operator]   startswith
CustomFilter[1][value]      testing Value 1

Posted values are: enter image description here

But i am unable to received these on Controller side.

i tried like this:

public ActionResult ReadOperation( string[][] CustomFilter)

Also like this:

public ActionResult ReadOperation( Filter[] CustomFilter)
public class Filter
{
     public string field { get; set; }
     public string @operator { get; set; }
     public string value { get; set; }
}

But didn't work. Please Suggest.

Tried with model approach

Thank you.

Solution Found with Json deserialization

Script code changed to:

 return { CustomFilter: JSON.stringify(CustomFilter) };

Controller Code changed to:

using Newtonsoft.Json;

public ActionResult ReadOperation(MyViewModel model)
{
    var filters = JsonConvert.DeserializeObject(model.CustomFilter, typeof(CustomFilter[]));
}

public class MyViewModel 
{
    public string Filter { get; set; }
    public string group { get; set; }
    public int page { get; set; }
    public int pageSize { get; set; }
    public int sort { get; set; }
}


public class CustomFilter
{
     public string field { get; set; }
     public string @operator { get; set; }
     public string value { get; set; }
}

Result View in controller:

enter image description here

Yes,it is also showing count 2 as i am passing 2 filters, but values of field,operator and value is showing null. — Gurmeet
– Gurmeet, Commented Jan 8, 2014 at 13:01
Can you post the raw JSON? Firebug should show what is posted. — Ufuk Hacıoğulları
– Ufuk Hacıoğulları, Commented Jan 8, 2014 at 13:07

Ufuk Hacıoğulları · Accepted Answer · 2014-01-09 07:12:50Z

2

It looks like an error with model structure.

public class MyViewModel
{
    public Filter[] CustomFilter { get; set; }
    public string Filter { get; set; }
    public string Group { get; set; }
    public int Page { get; set; }
    public int PageSize { get; set; }
    public int Sort { get; set; }
}

Try to use this type for model binding.

public ActionResult ReadOperation(MyViewModel model)

edited Jan 9, 2014 at 7:12

answered Jan 8, 2014 at 13:27

Ufuk Hacıoğulları

38.6k14 gold badges120 silver badges157 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Gurmeet Over a year ago

Thanks @Ufuk .i have tried as you told but still it is showing CustomFilter as null.

Gurmeet Over a year ago

Yes @Ufuk i noticed that, I had already tried with correct property name "CustomFilter". Again properties values were null. i had attached a screen shot from controller at bottom of Question, you can check that.

Ufuk Hacıoğulları Over a year ago

@Gerry Can you show your form HTML. It looks like model binding won't work with current format.

Gurmeet Over a year ago

i have done this with Newtonsoft.json Object deserialization. returned this from { CustomFilter: JSON.stringify(CustomFilter) }; and deserialized in controller. JsonConvert.DeserializeObject(model.CustomFilter, typeof(Filter[])); Thanks @Ufuk for your model approach:)

Community · Accepted Answer · 2017-05-23 12:07:14Z

1

If you are using ASP.NET MVC 4, and cannot change the parameter names, maybe you can define a custom model in this way:

public class MyViewModel
{
    public Dictionary<string,string>[] CustomerFilter { get; set; }
    public string filter { get; set; }
    public string group { get; set; }
    public int page { get; set; }
    public int pageSize { get; set; }
    public int sort { get; set; }
}

Then, at the controller:

public ActionResult ReadOperation(MyViewModel model){ ... }

It seems that the notation used in the parameters generated by your grid is for dictionaries. Haven't tried a collection of Dictionaries, though.

edited May 23, 2017 at 12:07

CommunityBot

11 silver badge

answered Jan 9, 2014 at 14:26

Guillermo Gutiérrez

18k18 gold badges93 silver badges120 bronze badges

1 Comment

Gurmeet Over a year ago

Thanks for your suggestion. Although i had already done this with json De serialization. But i tried your way also and it worked for me. Thanks :)

Guillermo Gutiérrez · Accepted Answer · 2014-01-08 14:40:40Z

1

In the post, try to send the data as this:

CustomFilter[0].Field      ItemName
CustomFilter[0].Operator   startswith
CustomFilter[0].Value      testing Value

CustomFilter[1].Field      BrandName
CustomFilter[1].Operator   startswith
CustomFilter[1].Value      testing Value 1

And at the controller:

public ActionResult ReadOperation(Filter[] CustomFilter)

Having a Filter class defined as:

public class Filter
{
    public string Field { set; get; }
    public string Operator { set; get; }
    public string Value { set; get; }
}

(Be careful with the capital letters).

Or if you want to use the model approach, as Ufuk suggests, and having the same Filter class:

Model:

public class MyViewModel
{
    public Filter[] CustomerFilter { get; set; }
    public string Filter { get; set; }
    public string Group { get; set; }
    public int Page { get; set; }
    public int PageSize { get; set; }
    public int Sort { get; set; }
}

Parameters in POST:

CustomFilter[0].Field      ItemName
CustomFilter[0].Operator   startswith
CustomFilter[0].Value      testing Value

CustomFilter[1].Field      BrandName
CustomFilter[1].Operator   startswith
CustomFilter[1].Value      testing Value 1

Filter                     ItemName~startswith~'12'~and~BrandName~startswith~'123'
Group
Page                       1
PageSize                   15
Sort

Controller

public ActionResult ReadOperation(MyViewModel model)

See this link: http://haacked.com/archive/2008/10/23/model-binding-to-a-list.aspx/

edited Jan 8, 2014 at 14:40

answered Jan 8, 2014 at 13:56

Guillermo Gutiérrez

18k18 gold badges93 silver badges120 bronze badges

2 Comments

Gurmeet Over a year ago

Thanks @Guillermo, But i can pass values to controller as you told because these are sent by kendo Grid itself. Other wise i have to modify filter request using script(dont want to do that).

Guillermo Gutiérrez Over a year ago

I see, so that is the default format of Kendo Grid parameters. The only way then would be to make a custom model binder.

Collectives™ on Stack Overflow

how to access Javascript multidimensional array in MVC controller

3 Answers 3

4 Comments

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related