how to fill dropdown from database in jqgrid in mvc??

Hello Friends,

 

Please help  me in jqgrid.

how to add dynamic dropdownlist  in jqgrid in add dilogue box ??

my code is working like in controller my data is come from database but not display in dropdownlist.

 

 

{
name: "Per", index: 'Code', align: "right", sortable: true, editable: true, edittype: 'select', editrules: { required: true }, formoptions: { rowpos: 5, colpos: 2 },
editoptions: {
dataUrl: '/Sales/Category'
, buildSelect: function (response) {
var data = typeof response === "string" ? $.parseJSON(response.responseText) : response;
var s = "";
s += '';
$.each(data, function () {
s += '' + data.Name + '';
})
return s + '';
}
}, editrules: { required: true }


},// multiple: true,

 ....................................................................................................................................................

 

public JsonResult Category()
{
TFAT_WEBERPEntities ctx = new TFAT_WEBERPEntities();
List listSelectListItems = new List();
var company = from name in ctx.TfatComps select name.Name;
listSelectListItems.AddRange(company.Distinct());
ViewData["Per"] = new SelectList(listSelectListItems);
return Json(listSelectListItems, JsonRequestBehavior.AllowGet);
// return View();
}