Question

我有一个链接，点击后将视图加载到正文内容区域，如此处所示

$('#manageusers').click(function () {
    $('.body-content').load("../ManageLoginUsers/ManageUsers");
});

并且加载视图的脚本是

$(document).ready(function () {
    ShowUserGrid(junkData);
});

// #region Junk Data

var junkData =
   [{
       "UserID": 1,
       "LastName": "Smith",
       "FirstName": "John",
       "City": "Toronto",
       "PostalCode": "N0K 1W0",
       "Phone": "123-456-7890"
   },
   {
       "UserID": 2,
       "LastName": "Doe",
       "FirstName": "Jane",
       "City": "Seaforth",
       "PostalCode": "A1A 1A1",
       "Phone": "519-527-2897"
   }];

// #endregion


// #region Users Grid

function LoadUserGrid() {

}

function ShowUserGrid(userdata) {
    $("#UserGrid").kendoGrid({
        noRecords: {
            template: "No Records Available"
        },
        dataSource: {
            data: userdata
        },
        columns: [
            { title: "<input id='checkAll', type='checkbox', class='check-box' />", template: "<input name='Selected' class='checkbox' type='checkbox'>", width: "30px" },
            { title: "UserID", field: "UserID", hidden: true },
            { field: "LastName", title: "Last Name" },
            { field: "FirstName", title: "First Name" },
            { field: "City", title: "City" },
            { field: "PostalCode", title: "PostalCode" },
            { field: "Phone", title: "Phone" }
        ],
        scrollable: true,
        height:700
    });
}

// #endregion

现在当视图加载时，我看到网格及其空，所以我必须再次单击链接，数据才会加载到网格中。

如何停止必须单击链接两次才能将数据加载到网格中？我也试过使用按钮但是同样的事情，更好的是，为什么会这样呢？

Answer 1

我找到了解决问题的方法，我应该把junkData放在document.ready中。

一旦我这样做，当我加载视图时，网格就填充了数据。

单击链接一次显示网格，必须再次单击链接以在网格中显示数据？

1 个答案: