在DataGrid中插入加载消息

时间:2012-10-30 19:36:32

标签: javascript dojo dojox.grid.datagrid

我想显示正在填充数据网格时显示的加载消息(正在加载...)。

单击搜索按钮时会显示,并在填充网格结果时消失。

我已经看到了一些可能的选项,包括dojox.widget.Standby但是,看起来dojox.grid.DataGrid

中已经嵌入了某些内容

除了span标记外,我找不到任何关于如何访问它或在我的应用中显示的文档:

<span class="dojoxGridLoading">Loading...</span>

有人在他们的应用程序中插入加载消息有什么运气吗?我可以将标记放在html中,但它没有必要的元素只显示单击搜索按钮,并在搜索完成时消失。

1 个答案:

答案 0 :(得分:1)

您可以在DataGrid上为消息应用三种设置。

以下是默认值:

    // loadingMessage: String
    //  Message that shows while the grid is loading
    loadingMessage: "<span class='dojoxGridLoading'>${loadingState}</span>",

    // errorMessage: String
    //  Message that shows when the grid encounters an error loading
    errorMessage: "<span class='dojoxGridError'>${errorState}</span>",

    // noDataMessage: String
    //  Message that shows if the grid has no data - wrap it in a
    //  span with class 'dojoxGridNoData' if you want it to be
    //  styled similar to the loading and error messages
    noDataMessage: "",

例如,当您的数据加载时,您可以将其设置为:

new EnhancedGrid({ // This can be DataGrid() also..
                    structure: layout,
                    store : store,
                    noDataMessage: "No Items Found.",
                    loadingMessage: "<span class='dojoxGridLoading'>Loading Really Awesome Stuff</span>"                        
                }, node );