kendo ui网格加载指示器未显示

时间:2015-02-17 06:54:02

标签: javascript jquery kendo-ui telerik kendo-grid

我在我的html页面中使用了kendo网格,并且每件事情都运行得很完美,但是我在页面加载时面临一个问题,我发送请求获取数据需要1或2秒,同时网格应该显示加载指示器,我们可以看到demo。这就是我正在做的事情

 $.ajax({
            type: "GET",
            contentType: "application/json; charset=utf-8",
            url: api/getdata,
            dataType: 'json',
            cache: false,
            headers: { 'ccode': compCode },
            async: false,
            data: '?&tableName=' + table + '&userId=' + userId + '&fromDate=' + dateFrom + '&toDate=' + dateto + '&isSearchForClient=' + true,
            success: function (result) {
                var data = [];
                if (result) {
                    result = result.replace(/&/g, "'");
                    var jsonResult = JSON.parse(JSON.parse(result));
                    for (var i = 0; i < jsonResult.length; i++) {
                        data.push({ Log: jsonResult[i]["Log"], TransactionId: jsonResult[i]["TransactionId"] });
                    }
                    var grid = $("#logs").kendoGrid({
                        dataSource: {
                            data: data,
                            schema: {
                                model: {
                                    fields: {
                                        TransactionId: { type: "string" },
                                        Log: { type: "string" }
                                    }
                                }
                            },
                            pageSize: 10
                        },
                        height: 405,
                        scrollable: true,
                        detailInit: detailInit,
                        detailExpand: function (e) {
                            this.collapseRow(this.tbody.find(' > tr.k-master-row').not(e.masterRow));
                        },
                        pageable: {
                            input: true,
                            numeric: false
                        },
                        columns: [
                            { field: 'Log', title: "Audit Logs", encoded: true }]
                    });
                    //grid.dataSource.read();
                }
            }
        });

0 个答案:

没有答案