Asp.net mvc 在分页中,下拉切换不起作用
我正在开发Asp.net mvc应用程序,并使用实现了分页 下面是我的cshtml代码Asp.net mvc 在分页中,下拉切换不起作用,asp.net-mvc,drop-down-menu,pagination,jquery-bootgrid,Asp.net Mvc,Drop Down Menu,Pagination,Jquery Bootgrid,我正在开发Asp.net mvc应用程序,并使用实现了分页 下面是我的cshtml代码 @model RssiWebTool.Models.ChargerModel @section Scripts{ <script src="@Url.Content("~/Scripts/clientConfiguration.js")"></script> } <script src="~/Scripts/jquery-2.2.3.min.js"></
@model RssiWebTool.Models.ChargerModel
@section Scripts{
<script src="@Url.Content("~/Scripts/clientConfiguration.js")"></script>
}
<script src="~/Scripts/jquery-2.2.3.min.js"></script>
<script src="~/Scripts/jquery.bootgrid.js"></script>
<script>
$(document).ready(function () {
$.getJSON("Home/ChargeDetails",
function (json) {
var tr;
//Append each row to html table
for (var i = 0; i < json.length; i++) {
tr = $("<tr/>");
tr.append("<td>" + json[i].ConfigurationName + "</td>");
tr.append("<td>" + json[i].ConfigurationType + "</td>");
tr.append("<td>" + json[i].Description + "</td>");
$("#transmitterInfo").append(tr);
}
$("#transmitterInfo").bootgrid({});
$('.pagination').parent().addClass('paginationDiv');
});
});
</script>
<table id="transmitterInfo" class="bootgrid-table table-bordered table-hover table">
<thead>
<tr>
<th>Configuration Name</th>
<th>Type</th>
<th>Description</th>
</tr>
</thead>
<tbody></tbody>
</table>
@model RssiWebTool.Models.ChargerModel
@节脚本{
}
$(文档).ready(函数(){
$.getJSON(“主页/收费详细信息”,
函数(json){
var-tr;
//将每一行追加到html表中
for(var i=0;i
还有我传递数据的控制器
[HttpGet]
public JsonResult ChargeDetails()
{
//Creating List
List<ChargerModel> ObjEmp = new List<ChargerModel>();
for ( int i= 0; i < 100; ++i )
{
ChargerModel model = new ChargerModel();
model.ConfigurationName = i.ToString();
model.ConfigurationType = (2*i).ToString();
model.Description = "sample"+ i ;
ObjEmp.Add(model);
}
//return Json
return Json(ObjEmp, JsonRequestBehavior.AllowGet);
}
[HttpGet]
公共JsonResult ChargeDetails()
{
//创建列表
List ObjEmp=新列表();
对于(int i=0;i<100;++i)
{
ChargerModel模型=新的ChargerModel();
model.ConfigurationName=i.ToString();
model.ConfigurationType=(2*i).ToString();
model.Description=“sample”+i;
对象添加(模型);
}
//返回Json
返回Json(ObjEmp,JsonRequestBehavior.AllowGet);
}
创建此文件后,我可以看到带有分页的数据,但下拉按钮(如下图所示)有问题,如下拉列表未显示
请帮我把这个修好
将行附加到
元素-$(“#transmitterInfo tbody”)。附加(tr)代码>(或给元素一个id
)感谢您的快速响应$(“#传输信息主体”)。附加(tr);他不工作。。我没有得到这个“(或者给元素一个id)”它确实有效:)。对于另一种选择,我的意思是:(不起作用!得到了与以前相同的结果它是一个注释,用于修复代码以确保正确添加行,而不是回答问题!