Pfthb

My Javascript Code

$('[step="4"]').click(function () 
//shortened for brevety
var _model = new Object();
_model.ItemDesc.value = 'Descript';
//^ throws an error but gets fixed if removing the .value
_model.ItemQty.num = 1;
_model.ItemQty.unit = 'pcs'

 $.ajax(
 type: "POST",
 url: 'CreateItemCallAsync',
 data: _model,
 success: function (msg) 
 status = JSON.stringify(msg);
 alert('Item created successfully!');
 location.reload();
 ,
 error: function (msg) 
 status = JSON.stringify(msg);
 alert('Failed to create item.');
 location.reload();
 
 );
);

C# Controller Code

[HttpPost]
public async Task<JsonResult> CreateItemCallAsync(CreateItemModel item)

 //breakpoint here 
 var test = item.ItemDesc;
 var qty = item.ItemQty.num; //getting nulls here
 var unit = item.ItemQty.unit; //getting nulls here

C# CreateItemModel

public class CreateItemModel

 public string ItemName get; set; 
 public string ItemDesc get; set; 
 public ExpandoObject ItemQty get; set; 

JavaScript Object

[
 
 ItemName : 'Item1',
 ItemDesc : 'Descript'
 ItemQty : num : 5 , unit: 'pcs'
 ,
 
 ItemName : 'Item2',
 ItemDesc : 'Descript'
 ItemQty : num : 1 , unit: 'box'
 
]

From the code above. I have a JavaScript object passed to my C# controller with a CreateItemModel parameter that has a field of ItemQty as an ExpandoObject. However, after passing to my C# controller. the ItemQty.num and ItemQty.unit are null.

With further investigating, before passing the JavaScript object to C# controller. the Objects are successfully populated.

I need ItemQty as an ExpandoObject because the fields/properites under ItemQty is always changing/dynamic

Questions:

1. (Bit of off topic) why _model.ItemDesc.value = 'Descript' errors? On the other hand _model.ItemDesc = 'Descript' runs without error.


2. Why am I getting nulls in ItemQty properties?

(Bit of off topic) why _model.ItemDesc.value = 'Descript' errors? On the other hand _model.ItemDesc = 'Descript' runs without error.

Because there isn't a property ItemDesc,ItemQty,ItemQty in original javascript Object.

You can try to create an anonymous JSON object for your javascript code.

var _model = 
 ItemDesc: 
 value : "Descript"
 , 
 ItemQty :
 num : 1,
 unit :'pcs'
 
;

instead of

var _model = new Object();
_model.ItemDesc.value = 'Descript';
_model.ItemQty.num = 1;
_model.ItemQty.unit = 'pcs'

your c# model might look like because your currently ItemDesc is an object instead of a string value.

Why am I getting nulls in ItemQty properties?

Because default ModelBindiner can't find ExpandoObject with your JSON key ItemQty object.

public class ItemDesc

 public string value get; set; 


public class ItemQty

 public int num get; set; 
 public string unit get; set; 


public class CreateItemModel

 public ItemDesc ItemDescContext get; set; 
 public ItemQty ItemQtyContext get; set;