Jquery 列表未绑定到下拉列表?mvc4简单的
我一直在处理数据表,我对控制器进行了AJAX调用,以便从控制器端加载列表 问题就在这里:Jquery 列表未绑定到下拉列表?mvc4简单的,jquery,asp.net-mvc-4,datatable,Jquery,Asp.net Mvc 4,Datatable,我一直在处理数据表,我对控制器进行了AJAX调用,以便从控制器端加载列表 问题就在这里: public ActionResult AjaxDataProvider1(JQueryDataTableParamModel param) { var data = new list<selectedlistitem>(); modelentities meobj = new modelentities(); //Here i am writing for-each
public ActionResult AjaxDataProvider1(JQueryDataTableParamModel param)
{
var data = new list<selectedlistitem>();
modelentities meobj = new modelentities();
//Here i am writing for-each loop and assigning text and
//value and finally storing it into 'data'
meobj.impinfo = data ;
var people = meobj.impinfo(); // passsing my list with value , text .
JavaScriptSerializer serializer = new JavaScriptSerializer();
var pp = serializer.Serialize(people);
return this.Json(pp, JsonRequestBehavior.AllowGet);
}
当我传递静态数据时,我的下拉列表绑定工作,当我从dropdownlist中选择某个内容时,返回值,但我需要的是当选择国家名称时,国家名称应该出现
代码://静态数据工作正常
public ActionResult AjaxDataProvider1(JQueryDataTableParamModel param)
{
List<string> people = new List<string>{
"London" ,
"Liverpool",
"Portsmouth",
"Surrey"
};
JavaScriptSerializer serializer = new JavaScriptSerializer();
var pp = serializer.Serialize(people);
return this.Json(pp, JsonRequestBehavior.AllowGet);
}
public ActionResult AjaxDataProvider1(JQueryDataTableParamModel参数)
{
列出人员=新列表{
“伦敦”,
“利物浦”,
“朴茨茅斯”,
“萨里”
};
JavaScriptSerializer serializer=新的JavaScriptSerializer();
var pp=serializer.Serialize(人);
返回this.Json(pp,JsonRequestBehavior.AllowGet);
}
从数据库获取数据并进行传递的其他方法无效:
public ActionResult AjaxDataProvider1(JQueryDataTableParamModel param)
{
var data = new list<selectedlistitem>();
modelentities meobj = new modelentities();
//Here i am writing for-each loop and assigning text and
//value and finally storing it into 'data'
meobj.impinfo = data ;
var people = meobj.impinfo(); // passsing my list with value , text .
JavaScriptSerializer serializer = new JavaScriptSerializer();
var pp = serializer.Serialize(people);
return this.Json(pp, JsonRequestBehavior.AllowGet);
}
在模型类中:`公共列表(selectedlistitem)impinfo();//这里没有错误
在控制器中:
public ActionResult AjaxDataProvider1(JQueryDataTableParamModel param)
{
var data = new list<selectedlistitem>();
modelentities meobj = new modelentities();
//Here i am writing for-each loop and assigning text and
//value and finally storing it into 'data'
meobj.impinfo = data ;
var people = meobj.impinfo(); // passsing my list with value , text .
JavaScriptSerializer serializer = new JavaScriptSerializer();
var pp = serializer.Serialize(people);
return this.Json(pp, JsonRequestBehavior.AllowGet);
}
public ActionResult AjaxDataProvider1(JQueryDataTableParamModel参数)
{
var data=新列表();
modelentities meobj=新的modelentities();
//在这里,我为每个循环编写代码,并分配文本和
//值并最终将其存储到“数据”中
meobj.impinfo=数据;
var people=meobj.impinfo();//使用值文本传递我的列表。
JavaScriptSerializer serializer=新的JavaScriptSerializer();
var pp=serializer.Serialize(人);
返回this.Json(pp,JsonRequestBehavior.AllowGet);
}
查看我的代码:
<script type="text/javascript">
$(document).ready(function () {
$.datepicker.regional[""].dateFormat = 'dd/mm/yy';
$.datepicker.setDefaults($.datepicker.regional['']);
var tab= $('#myDataTable').dataTable({
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": 'AjaxDataProvider',
"bJQueryUI": true,
"aoColumns": [
{
"sName": "ID",
"bSearchable": false,
"bSortable": false,
"fnRender": function (oObj) {
return '<a href=\"Details/' +
oObj.aData[0] + '\">View</a>';
}
},
{ "sName": "COMPANY_NAME" },
{ "sName": "ADDRESS" },
{ "sName": "TOWN" }
]
});
tab.columnFilter({
aoColumns: [null,
null,
null,
{ type: "date-range" }
]
});
tab.makeEditable({
"aoColumns": [
null,
null,
{
indicator: 'Saving...',
tooltip: 'Click to select town',
loadtext: 'loading...',
type: 'select',
onblur: 'submit',
loadurl: 'AjaxDataProvider1'
//data: "{'London':'London','Liverpool':'Liverpool','Portsmouth':'Portsmouth','Edinburgh':'Edinburgh', 'Blackburn':'Blackburn','Kent':'Kent','Essex':'Essex','Oxon':'Oxon','Lothian':'Lothian','West Sussex':'West Sussex','Lanarkshire':'Lanarkshire','Birmingham':'Birmingham','East Sussex':'East Sussex','Surrey':'Surrey'}"
}]
});
});
</script>
}
<table id="myDataTable" class="display">
<thead>
<tr>
<th>ID</th>
<th>Company name</th>
<th>Town</th>
<th>Date Created</th>
</tr>
<tr>
<th>ID</th>
<th>Company name</th>
<th>DATE FILTER :-></th>
<th>Date Created</th>
</tr>
<tbody>
</tbody>
</table>
$(文档).ready(函数(){
$.datepicker.regional[“”].dateFormat='dd/mm/yy';
$.datepicker.setDefaults($.datepicker.regional['');
var tab=$(“#myDataTable”).dataTable({
“bProcessing”:正确,
“bServerSide”:正确,
“sAjaxSource”:“AjaxDataProvider”,
“bJQueryUI”:没错,
“aoColumns”:[
{
“sName”:“ID”,
“可搜索”:错误,
“可移植”:错误,
“fnRender”:函数(oObj){
返回“”;
}
},
{“sName”:“公司名称”},
{“sName”:“地址”},
{“sName”:“TOWN”}
]
});
tab.columnFilter({
aoColumns:[null,
无效的
无效的
{type:“日期范围”}
]
});
tab.makeEditable({
“aoColumns”:[
无效的
无效的
{
指标:“正在保存…”,
工具提示:“单击以选择城镇”,
loadtext:“正在加载…”,
键入:“选择”,
onblur:'提交',
loadurl:'AjaxDataProvider1'
//数据:“{‘伦敦’:‘伦敦’、‘利物浦’:‘利物浦’、‘朴茨茅斯’:‘朴茨茅斯’、‘爱丁堡’:‘爱丁堡’、‘布莱克本’:‘布莱克本’、‘肯特’:‘肯特’、‘埃塞克斯’:‘埃塞克斯’、‘奥克森’:‘奥克森’、‘洛锡安’、‘西苏塞克斯’:‘西苏塞克斯’、‘拉纳克斯郡’:‘拉纳克斯郡’、‘伯明翰’、‘东苏塞克斯’:‘东苏塞克斯’、‘萨里’。”
}]
});
});
}
身份证件
公司名称
城镇
创建日期
身份证件
公司名称
日期过滤器:->
创建日期
关于您能否提供查看代码以及如何获取文本和值并将其存储到数据中添加信息请分享您的视图。谢谢