为什么我的网页突然刷新

Question

我正在使用 Kendo GridView。调用 onSearch 函数后，网页突然刷新。我该如何解决这个问题？

这是我的网格：

$("#grid").kendoGrid({
        selectable: "row",
        scrollable: false,
        autoBind: false,
        columns: [
                { title: "Status", width: '200px', template: '#if(Allowed){#Yes#}else{#No#}#' },
                { title: "Description", field: "Message" }
        ],
        dataSource: vm.entity.MyDataSource
    });

这是我的代码：

entity: {
            MyDataSource: new kendo.data.DataSource({
                transport: {
                    read: {
                        dataType: "json",
                        type: 'POST',
                        url: 'url goes here...',
                        data: {
                            code: function () { return '123' }
                        }
                    }
                },
                schema: {
                    data: "Data",
                    parse: function (data) {
                        return data;
                    }
                }
            }),

            onSearch: function () {
                vm.entity.MyDataSource.read();
            }
        }

一切正常，结果正确返回，GridView 被数据填充，但 1 秒后网页突然刷新。

Answer 1

看起来当你调用 onSearch() 函数时，你也导航到了 url。检查搜索功能是否未被调用：

带有 href 和 onclick 功能的链接：

<a href="" onclick="search()" />

表单内的按钮：

<form>
    <button onclick="search">Search</button>
</form>

Answer 2

我解决了这个问题。我的按钮类型设置为“提交”。我将其更改为“按钮”，现在一切正常。