我在多个页面上使用 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} | Total Grid Rows Returned: {2} </font> ',
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: ' ',
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: ' ',
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
最佳答案
问题似乎是,从 extjs 版本 4.0 开始,对网格进行了重大更改,因此不再有具有 addFill() 方法的 Ext.PagingToolbar 对象。相反,要添加填充,您可以使用 Ext.toolbar.PagingToolbar 和 add() 方法,如下所示:
Ext.toolbar.PagingToolbar.add('->');
关于javascript - 对象不支持属性或方法 'AddFill',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46492919/