jQuery DataTables不使用ASP.NET MVC 4 Razor显示数据

bgmm

我的脚本生成数据,但是jQuery DataTables无法加载它并显示以下错误:

DataTables警告:表格ID = example-请求'FTR_Kno'的行的未知参数0

我应该使用mvc-datatables吗?

看法:

<link href="~/Content/DataTables/css/jquery.dataTables.min.css" rel="stylesheet" />
<link href="~/Content/DataTables/css/dataTables.jqueryui.min.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/bootstrap.js"></script>
<script src="~/Scripts/DataTables/jquery.dataTables.min.js"></script>
<!DOCTYPE html>

<html>
<body>
    <div>
        <input id="Button1" type="button" value="button" />
    </div>
    <div>
        <form>
            <table id="example">
                <thead>
                    <tr>
                        <td>FTR_Kno</td>
                        <td>FTR_KodBelge</td>
                        <td>FTR_TarihBelge</td>
                        <td>TDR_KodTedarikci</td>
                        <td>KRM_AckAd</td>
                        <td>FTR_Ack</td>
                        <td>FTS_Ack</td>
                    </tr>
                </thead>
                <tbody>
                    @*<tr>
                    <td>a</td>
                    <td>a</td>
                    <td>a</td>
                    <td>a</td>
                    <td>a</td>
                    <td>a</td>
                    </tr>*@
                </tbody>
            </table>
        </form>
    </div>

</body>
</html>

<script type="text/javascript">
    $(document).ready(function () {
        $("#Button1").click(function () {
            alert("bas");
            $.ajax({
                url: '/DataTables/jsonIndex',
                type: "POST",
                dataType: "json",
                success: function (gdata) {
                    alert(gdata);
                    $('#example').DataTable({
                        data: gdata,
                        paging: false,
                        columns: [
                            { "data": "FTR_Kno" },
    { "data": "FTR_KodBelge" },
    { "data": "FTR_TarihBelge" },
    { "data": "TDR_KodTedarikci" },
    { "data": "KRM_AckAd" },
    { "data": "FTR_Ack" },
    { "data": "FTS_Ack" }

                        ]

                    });
                }
            });
        });

    });

</script>

>控制器:

   [HttpPost]
        public JsonResult jsonIndex()
        {
            CultureInfo c = Thread.CurrentThread.CurrentCulture;
            string userLanguage = c.TwoLetterISOLanguageName;
            Session["language"] = userLanguage;
            string language = Session["language"].ToString();

            ServiceReference1.Service1Client client = new ServiceReference1.Service1Client();
            ServiceReference1.Grid grid = new ServiceReference1.Grid();
            grid = client.GetGridInformation("TUR", "lst_afhFTR");
            List<ServiceReference1.Column> column = new List<ServiceReference1.Column>();
            column.AddRange(grid.columnList);
            //Dim columnName As List(Of String) = grid.columnList.Select(Function(f) f.columnName).ToList()
            ViewBag.ColumnList = grid.columnList;
            ViewBag.GridWidth = grid.gridWidth;
            ViewBag.GridHeader = grid.gridHeader;
            client.Close();

            ServiceReference1.Service1Client client1 = new ServiceReference1.Service1Client();
            grid.gridCode = grid.gridCode.Insert(6, " top " + grid.gridMaxRecord.ToString());
            string[] array = grid.gridCode.Split("\r\n".ToCharArray(), StringSplitOptions.RemoveEmptyEntries);
            string code = "";
            foreach (string item in array)
            {
                code = code + " " + item;
            }
            grid.gridCode = code;
            List<Dictionary<string, object>> result = new List<Dictionary<string, object>>();
            result.AddRange(client1.GetTable(grid.gridCode));
            ////WebGrid içine gönderilecek data oluşturulması 
            //IList<object> asildata = new List<object>();
            //dynamic data = new List<ExpandoObject>();
            //foreach (var Pairs in result)
            //{
            //    var row = new ExpandoObject();
            //    List<object> row2 = new List<object>();
            //    foreach (var Pair in Pairs)
            //    {
            //        ((IDictionary<string, object>)row).Add(Pair.Key, Pair.Value);
            //        row2.Add(Pair.Value);
            //    }
            //    data.Add(row);
            //    asildata.Add(row2);
            //};
            JavaScriptSerializer js = new JavaScriptSerializer();
            return Json(js.Serialize(result),JsonRequestBehavior.AllowGet);

        }
    }
Gyrocode.com

您将两次编码为JSON,首先使用Serialize(),然后使用Json()

代替:

JavaScriptSerializer js = new JavaScriptSerializer();
return Json(js.Serialize(result),JsonRequestBehavior.AllowGet);

和:

return Json(result, JsonRequestBehavior.AllowGet);

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

JQuery DataTables 未在 ASP.NET MVC 中显示数据

来自分类Dev

在ASP.NET MVC4中使用jquery,AJAX插入数据?

来自分类Dev

如何在MVC Razor视图中使用/显示Asp.net数据列表

来自分类Dev

DataTables Asp.Net MVC 4流程

来自分类Dev

如何使用 Ado.Net 在 MVC 的 razor 视图中显示外键相关数据

来自分类Dev

ASP.NET MVC 4使用EF从2模型显示数据

来自分类Dev

asp.net mvc4 jquery从ajax获取值

来自分类Dev

asp.net mvc 4 bootstrap jquery combobox自动完成

来自分类Dev

ASP.NET MVC显示来自jQuery DataTables中的Enum列的文本?

来自分类Dev

ASP.NET MVC - 在 MVC4 Razor 视图中使用 RadioButtonFor

来自分类Dev

在不使用jquery或javascript的情况下将下拉列表值从View传递到Asp.Net MVC4中的Controller?

来自分类Dev

使用ASP.NET MVC 5 Razor添加相关数据

来自分类Dev

适用于ASP.NET MVC Razor的JQuery Grid

来自分类Dev

ASP .NET MVC Razor + JQuery UI delaog(登录弹出窗口)

来自分类Dev

使用ASP.NET MVC 4的jQuery Dialog悬停缩略图

来自分类Dev

在ASP.NET MVC 4中使用CSS类的jQuery多重选择控件

来自分类Dev

在asp.net mvc4项目中使用draggable()jQuery函数?

来自分类Dev

ASP.NET MVC 4 无法使用 js/jquery 选择正确的输入元素

来自分类Dev

Asp.net MVC Razor语法突出显示失败

来自分类Dev

如何在不使用ASP.NET MVC4中的实体框架的情况下从数据库检索图像

来自分类Dev

如何在不使用ASP.NET MVC4中的实体框架的情况下从数据库检索图像

来自分类Dev

jQuery Datatable不使用MVC显示

来自分类Dev

如何使用Razor语法在ASP.NET MVC 4中获取文本中URL的链接?

来自分类Dev

创建链接以使用ASP.NET MVC4中的Razor升级控制器

来自分类Dev

如何使用Razor链接到ASP.NET MVC 4中的文件?

来自分类Dev

如何使用Razor语法在ASP.NET MVC 4中获取指向文本中URL的链接?

来自分类Dev

如何在jQuery方法中使用@razor呈现Dropdownlist-ASP.NET MVC

来自分类Dev

在ASP.Net MVC Razor中使用jquery附加c#字符串

来自分类Dev

ASP.NET MVC 4数据库实体错误

Related 相关文章

  1. 1

    JQuery DataTables 未在 ASP.NET MVC 中显示数据

  2. 2

    在ASP.NET MVC4中使用jquery,AJAX插入数据?

  3. 3

    如何在MVC Razor视图中使用/显示Asp.net数据列表

  4. 4

    DataTables Asp.Net MVC 4流程

  5. 5

    如何使用 Ado.Net 在 MVC 的 razor 视图中显示外键相关数据

  6. 6

    ASP.NET MVC 4使用EF从2模型显示数据

  7. 7

    asp.net mvc4 jquery从ajax获取值

  8. 8

    asp.net mvc 4 bootstrap jquery combobox自动完成

  9. 9

    ASP.NET MVC显示来自jQuery DataTables中的Enum列的文本?

  10. 10

    ASP.NET MVC - 在 MVC4 Razor 视图中使用 RadioButtonFor

  11. 11

    在不使用jquery或javascript的情况下将下拉列表值从View传递到Asp.Net MVC4中的Controller?

  12. 12

    使用ASP.NET MVC 5 Razor添加相关数据

  13. 13

    适用于ASP.NET MVC Razor的JQuery Grid

  14. 14

    ASP .NET MVC Razor + JQuery UI delaog(登录弹出窗口)

  15. 15

    使用ASP.NET MVC 4的jQuery Dialog悬停缩略图

  16. 16

    在ASP.NET MVC 4中使用CSS类的jQuery多重选择控件

  17. 17

    在asp.net mvc4项目中使用draggable()jQuery函数?

  18. 18

    ASP.NET MVC 4 无法使用 js/jquery 选择正确的输入元素

  19. 19

    Asp.net MVC Razor语法突出显示失败

  20. 20

    如何在不使用ASP.NET MVC4中的实体框架的情况下从数据库检索图像

  21. 21

    如何在不使用ASP.NET MVC4中的实体框架的情况下从数据库检索图像

  22. 22

    jQuery Datatable不使用MVC显示

  23. 23

    如何使用Razor语法在ASP.NET MVC 4中获取文本中URL的链接?

  24. 24

    创建链接以使用ASP.NET MVC4中的Razor升级控制器

  25. 25

    如何使用Razor链接到ASP.NET MVC 4中的文件?

  26. 26

    如何使用Razor语法在ASP.NET MVC 4中获取指向文本中URL的链接?

  27. 27

    如何在jQuery方法中使用@razor呈现Dropdownlist-ASP.NET MVC

  28. 28

    在ASP.Net MVC Razor中使用jquery附加c#字符串

  29. 29

    ASP.NET MVC 4数据库实体错误

热门标签

归档