如何调用FooterView方法

时间:2015-03-16 02:50:45

标签: javascript yui

根据Alloy UI API,FooterView类有一个名为refreshFooter()的方法  刷新页脚视图中的摘要项目,并根据当前“数据”内容填充页脚元素。

我试图弄清楚如何在某个事件之后调用此函数,因为footerView被定义为属性,所以不确定如何进行调用。这是我的数据表:

var dataTable = new Y.DataTable({
    columns: columns,
    height: '95%',
    footerView:   Y.FooterView, 
    footerConfig: {
       fixed:   true,
       heading: {
           colspan:    5,
           content:    "Number of Records : {row_count}" 
       }
   }

});

我尝试将footerView放入变量并调用但是没有运气。关于如何执行此功能的任何想法?

来源:http://stlsmiths.github.io/new-gallery/classes/Y.FooterView.html#method_refreshFooter

1 个答案:

答案 0 :(得分:-1)

基本上表需要两种信息,表列和数据。在列和数据之后将两者都传递到数据表中,并且不要忘记渲染它!。我认为你没有渲染它。 试一试! GoodLuck!

    YUI().use(
  'aui-datatable',
  function(Y) {
    var columns = [
      name,
      age
    ];

    var data = [
      {
        name: 'Bob',
        age: '28'
      },
      {
        name: 'Joe',
        age: '72'
      },
      {
        name: 'Sarah',
        age: '35'
      }
    ];

    new Y.DataTable(
      {
        columns: columns,
        data: data
      }
    ).render("#myDataTable");
  }
);

#myDataTable 是您要呈现的div。