javascript - 对象不支持属性或方法 'AddFill'

Question

我在多个页面上使用 Coldfusion Grid 程序时遇到问题，网格无法显示。最初我们得到一个“'EXT' 是未定义的错误”，但是在更新我们的脚本文件时我们现在得到一个“对象不支持属性或方法'AddFill'”。我是这个程序的新手，我们无法访问任何老开发人员来提问，但是据我所知，我们正在使用 ext.PagingToolbar.AddFill() 将额外的按钮添加到自定义工具栏下方cfgrid。

我想问大家的问题是，我可以对下面的代码做些什么来更正未显示的网格？

CFGRID代码:

<cfgrid name="userGrid"
                        format="html"
                        pagesize="20"
                        preservePageOnSort="true"
                        bind="cfc:auto_report.UserService.getAllUsers({cfgridpage},{cfgridpagesize},{cfgridsortcolumn},{cfgridsortdirection},'#session.cycle#','#session.user_display#',{search_userid@keyup},{search_fname@keyup},{search_lname@keyup},{search_org})"
                        sort="true"
                        stripeRows="true">
                    <cfgridcolumn name="userId" header="User Id" width="200" />
                    <cfgridcolumn name="fname" header="First Name" width="150" />
                    <cfgridcolumn name="lname" header="Last Name" width="150" />
                    <cfgridcolumn name="org_name" header="Org Name" width="150" />
                    <cfgridcolumn name="email" header="Email" width="200" />
                    <cfgridcolumn name="access_level" header="Permissions" width="140" />
                    <cfgridcolumn name="activity_status" header="Active" />
                    <cfgridcolumn name="locked" header="Locked" />
                </cfgrid>

页眉 JS:

function initGrid(){
//grid 
var grid = ColdFusion.Grid.getGridObject("userGrid");
// grid data
var ds = grid.getStore();
ColdFusion.Grid.hideBottomToolbar('userGrid');

    // number of records display
    var FtrPge = new Ext.PagingToolbar ({
        renderTo: grid.bbar,
        pageSize: 20,
        store: ds,
        displayInfo: true,
        displayMsg: '<font color="black">Now Showing Grid Rows {0}-{1}&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;Total Grid Rows Returned: {2} </font>&nbsp;',
        emptyMsg: "No Matching Data Found"
        });
        FtrPge.addFill();
        FtrPge.addFill();
        FtrPge.doLayout();
        grid.syncSize()

        //double click
        grid.on("rowdblclick", showUserForm);
        //var updStyl = setActiveStyleSheet("A");

    //new user form button
    FtrPge.add ('-', {
        pressed: false,
        enableToggle:false,
        text: '&nbsp;&nbsp;&nbsp;',
        icon:'/MPPT/images/icon-addNew.gif',
        cls: 'x-btn-text-icon',
        tooltipType: 'title',
        tooltip: 'Add New User',
        handler:newUser});
    FtrPge.doLayout();

    //permissions form button
    FtrPge.add ('-', {
        pressed: false,
        enableToggle:false,
        text: '&nbsp;&nbsp;&nbsp;',
        icon:'/MPPT/images/icon-EditPermission.png',
        cls: 'x-btn-text-icon',
         tooltipType: 'title',
         tooltip: 'Permissions Update: By Group',
        handler:newPermission});
    FtrPge.doLayout();

编辑:Coldfusion 2016 和 jsEXT 4.1

Answer 1

问题似乎是，从 extjs 版本 4.0 开始，对网格进行了重大更改，因此不再有具有 addFill() 方法的 Ext.PagingToolbar 对象。相反，要添加填充，您可以使用 Ext.toolbar.PagingToolbar 和 add() 方法，如下所示:

Ext.toolbar.PagingToolbar.add('->');

参见 ExtJS 4.0 Docs | Ext.toolbar.PagingToolbar供引用。