When creating the dropdown you are using Data ="bla..bla.."
Instead you should use loadurl: 'yourmethod which returs json data'
quick example below..
***JAVA script ***
<script language="javascript" type="text/javascript">
$(document).ready(function () {
$('#myDataTable').dataTable({ "bProcessing": true,
"bServerSide": true,
"sAjaxSource": 'AjaxDataProvider',
"aoColumns": [
{ "sName": "ID",
"bSearchable": false,
"bSortable": false,
"bVisible": false
},
{ "sName": "COMPANY_NAME" },
{ "sName": "ADDRESS" },
{ "sName": "TOWN" }
]
}).makeEditable({
"aoColumns": [{}, null, {
indicator: 'Saving...',
tooltip: 'Click to select town',
loadtext: 'loading...',
type: 'select',
onblur: 'submit',
loadurl: 'AjaxDataProvider1'
}]
});
});
</script>
}
*** Method in your controller ***
public ActionResult AjaxDataProvider1(JQueryDataTableParamModel param)
{
List<string> people = new List<string>{
"London" ,
"Liverpool" ,
"Portsmouth" ,
"Edinburgh" ,
"Blackburn" ,
"Kent" ,
"Essex" ,
"Oxon" ,
"Lothian" ,
"West Sussex" ,
"Lanarkshire" ,
"Birmingham" ,
"East Sussex" ,
"Surrey"
};
JavaScriptSerializer serializer = new JavaScriptSerializer();
var pp = serializer.Serialize(people);
return this.Json(pp
, JsonRequestBehavior.AllowGet);
}</string></string>