Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-mvc/15.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Asp.net mvc 在分页中,下拉切换不起作用_Asp.net Mvc_Drop Down Menu_Pagination_Jquery Bootgrid - Fatal编程技术网

Asp.net mvc 在分页中,下拉切换不起作用

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"></

我正在开发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"></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)”它确实有效:)。对于另一种选择,我的意思是
:(不起作用!得到了与以前相同的结果它是一个注释,用于修复代码以确保正确添加行,而不是回答问题!