User interface 剑道Ui网格未在MVC中调用读取操作_User Interface_Model View Controller_Kendo Ui_Grid

User interface 剑道Ui网格未在MVC中调用读取操作

user-interface model-view-controller kendo-ui grid

User interface 剑道Ui网格未在MVC中调用读取操作,user-interface,model-view-controller,kendo-ui,grid,User Interface,Model View Controller,Kendo Ui,Grid,我在剑道UI网格中的读取操作未被调用。有人能帮忙吗仅供参考：如果有战术错误，请不要担心。我刚刚输入了这个片段。问题在于javascript中完成传输读取操作的地方这是我的代码片段 *********HTML********* <html> <head> <link rel="stylesheet" href="~/Content/kendo/kendo.common.min.css" /> <link rel="stylesheet" hre="~

我在剑道UI网格中的读取操作未被调用。有人能帮忙吗

仅供参考：如果有战术错误，请不要担心。我刚刚输入了这个片段。问题在于javascript中完成传输读取操作的地方

这是我的代码片段

*********HTML*********

<html>
<head>
<link rel="stylesheet" href="~/Content/kendo/kendo.common.min.css" />
<link rel="stylesheet" hre="~/Content/kendo/kendo.default.min.css" />

<script src="~/Scripts/jquery-1.10.2.min.js" type="text/javascript">  </script>


<script src="~/Scripts/kendo/kendo.all.min.js"></script>
<script src="~/Scripts/kendo/kendo.aspnetmvc.min.js"></script>

<script src="~/Scripts/test.js" type="text/javascript"></script>

</head>
<body>
<div id="grid"></div>
</body>
</html>

尝试以下内容，看看它是否适合您。我将展示在类似设置中对我有效的内容。我有

类型：“aspnetmvcajax”

和

类型：“POST”

以及我在服务器端用它修饰的方法

[HttpPost]

。但是，我在服务器端有两个方法，第一个方法返回视图，第二个方法返回数据

function PopulateWellGrid(level) {
    $("#grid").kendoGrid({
        dataSource: {
            type: 'aspnetmvc-ajax',
            transport: {
                read: {
                    url: '/Home/GetMyData',
                    //url: '@Url.Action("GetMyData", "Home")'
                    dataType: "json",
                    type: "POST"
                }
            },
            pageSize: 6,
            serverPaging: true,
            serverSorting: true
        },
        height: 600,
        sortable: true,
        pageable: true,
        //detailInit: detailInit,
        dataBound: function () {
            this.expandRow(this.tbody.find("tr.k-master-row").first());
        },
        columns: [
            {
                field: "Id",
                title: "ID",
                width: "110px"
            },
            {
                field: "TestId",
                title: "Test Id",
                width: "110px"
            },
            {
                field: "Name",
                title: "First Name",
                width: "110px"
            },
            {
                field: "Status",
                width: "110px"
            },
            {
                field: "StartDate",
                width: "110px"
            }
        ]
    });
}

[HttpGet]
public ActionResult Index(){

return View();
}
[HttpPost]
    public JsonResult GetMyData()
    {int testId=1;
        TestManager mana = new TestManager();
        List<MyTestDataModel> retVal = mana.GetMyTestData(testId);
        return Json(retVal);`
    }

函数PopulateWellGrid（级别）{
$（“#网格”）.kendoGrid({
数据源：{
键入：“aspnetmvc ajax”，
运输：{
阅读：{
url:“/Home/GetMyData”，
//url:'@url.Action（“GetMyData”、“Home”）'
数据类型：“json”，
类型：“职位”
}
},
页面大小：6，
对,，
服务器排序：true
},
身高：600，
可排序：是的，
pageable:对，
//detailInit:detailInit，
数据绑定：函数（）{
this.expandRow（this.tbody.find（“tr.k-master-row”）.first（））；
},
栏目：[
{
字段：“Id”，
标题：“身份证”，
宽度：“110px”
},
{
字段：“TestId”，
标题：“测试Id”，
宽度：“110px”
},
{
字段：“名称”，
标题：“名字”，
宽度：“110px”
},
{
字段：“状态”，
宽度：“110px”
},
{
字段：“起始日期”，
宽度：“110px”
}
]
});
}
[HttpGet]
公共行动结果索引（）{
返回视图（）；
}
[HttpPost]
公共JsonResult GetMyData（）
{int testId=1；
TestManager mana=newtestmanager（）；
List retVal=mana.GetMyTestData（testId）；
返回Json（retVal）`
}

尝试以下内容，看看它是否适合您。我将展示在类似设置中对我有效的内容。我有

类型：“aspnetmvcajax”

和

类型：“POST”

以及我在服务器端用它修饰的方法

[HttpPost]

。但是，我在服务器端有两个方法，第一个方法返回视图，第二个方法返回数据

function PopulateWellGrid(level) {
    $("#grid").kendoGrid({
        dataSource: {
            type: 'aspnetmvc-ajax',
            transport: {
                read: {
                    url: '/Home/GetMyData',
                    //url: '@Url.Action("GetMyData", "Home")'
                    dataType: "json",
                    type: "POST"
                }
            },
            pageSize: 6,
            serverPaging: true,
            serverSorting: true
        },
        height: 600,
        sortable: true,
        pageable: true,
        //detailInit: detailInit,
        dataBound: function () {
            this.expandRow(this.tbody.find("tr.k-master-row").first());
        },
        columns: [
            {
                field: "Id",
                title: "ID",
                width: "110px"
            },
            {
                field: "TestId",
                title: "Test Id",
                width: "110px"
            },
            {
                field: "Name",
                title: "First Name",
                width: "110px"
            },
            {
                field: "Status",
                width: "110px"
            },
            {
                field: "StartDate",
                width: "110px"
            }
        ]
    });
}

[HttpGet]
public ActionResult Index(){

return View();
}
[HttpPost]
    public JsonResult GetMyData()
    {int testId=1;
        TestManager mana = new TestManager();
        List<MyTestDataModel> retVal = mana.GetMyTestData(testId);
        return Json(retVal);`
    }

函数PopulateWellGrid（级别）{
$（“#网格”）.kendoGrid({
数据源：{
键入：“aspnetmvc ajax”，
运输：{
阅读：{
url:“/Home/GetMyData”，
//url:'@url.Action（“GetMyData”、“Home”）'
数据类型：“json”，
类型：“职位”
}
},
页面大小：6，
对,，
服务器排序：true
},
身高：600，
可排序：是的，
pageable:对，
//detailInit:detailInit，
数据绑定：函数（）{
this.expandRow（this.tbody.find（“tr.k-master-row”）.first（））；
},
栏目：[
{
字段：“Id”，
标题：“身份证”，
宽度：“110px”
},
{
字段：“TestId”，
标题：“测试Id”，
宽度：“110px”
},
{
字段：“名称”，
标题：“名字”，
宽度：“110px”
},
{
字段：“状态”，
宽度：“110px”
},
{
字段：“起始日期”，
宽度：“110px”
}
]
});
}
[HttpGet]
公共行动结果索引（）{
返回视图（）；
}
[HttpPost]
公共JsonResult GetMyData（）
{int testId=1；
TestManager mana=newtestmanager（）；
List retVal=mana.GetMyTestData（testId）；
返回Json（retVal）`
}

谢谢您的回复，但它也不起作用。我试着用GET和POST。我试图调用read操作以查看它是否有效，下面是我尝试的。$.ajax（{type:'GET'，cache:false，url:'/Home/GetAllWellsForLevel'，dataType:'json'，//data:'HeirarchyId='+level，success:function（data）{你看到通过fiddler进行的任何调用了吗？没有。没有调用。这让我很困惑。Ajax调用正在进行中。感谢你的回复Mitul。但是它也不起作用。我尝试了GET和POST。我尝试调用read操作以查看它是否有效，下面是我尝试的内容。$.Ajax({type:'GET'，cache:false，url:'/Home/GetAllWellsForLevel'，dataType:'json'，//data:'HeirarchyId='+level，success:function（data）{您看到通过fiddler进行的调用了吗？没有。没有进行调用。这让我很困惑。Ajax调用正在进行到哪里。

function PopulateWellGrid(level) {
    $("#grid").kendoGrid({
        dataSource: {
            type: 'aspnetmvc-ajax',
            transport: {
                read: {
                    url: '/Home/GetMyData',
                    //url: '@Url.Action("GetMyData", "Home")'
                    dataType: "json",
                    type: "POST"
                }
            },
            pageSize: 6,
            serverPaging: true,
            serverSorting: true
        },
        height: 600,
        sortable: true,
        pageable: true,
        //detailInit: detailInit,
        dataBound: function () {
            this.expandRow(this.tbody.find("tr.k-master-row").first());
        },
        columns: [
            {
                field: "Id",
                title: "ID",
                width: "110px"
            },
            {
                field: "TestId",
                title: "Test Id",
                width: "110px"
            },
            {
                field: "Name",
                title: "First Name",
                width: "110px"
            },
            {
                field: "Status",
                width: "110px"
            },
            {
                field: "StartDate",
                width: "110px"
            }
        ]
    });
}

[HttpGet]
public ActionResult Index(){

return View();
}
[HttpPost]
    public JsonResult GetMyData()
    {int testId=1;
        TestManager mana = new TestManager();
        List<MyTestDataModel> retVal = mana.GetMyTestData(testId);
        return Json(retVal);`
    }