`
huoyunshen888
  • 浏览: 83475 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

Ext statusbar问题。

 
阅读更多
我想问一下为什么我在panel中定义一个Statusbar的话会出错呢?到底是什么原因?是不是bug?还是需要另外一个文件?
比如
bbar: new Ext.StatusBar({
id: 'basic-statusbar'
,items: ['<font color="#008CD2">空闲房</font>', '-'
, '<font color="#FF7D00">预定房</font>', '-'
,'<font color="#FFE000">已租房</font>', '-'
,'<font color="#E40090">结账房</font>', '-'
,'<font color="#00AF4D">清洁房</font>', '-'
,'<font color="#E80033">锁房</font>', '-'
,new Date().format('Y-m-d'), '-'
,clock]
  })

会出错的

<script language="javascript">
Ext.onReady(function(){
  var p = new Ext.Panel({
  id:"myPanel",
  title:"Panel实例",
frame:true,
collapsible:true,
renderTo:"content",
autoScroll:true,
titleCollapse:true,
width:400,
  height:200,
bbar:new Ext.StatusBar({ 
  id: 'basic-statusbar' 
  ,items: [' <font color="#008CD2">空闲房 </font>', '-' 
  , ' <font color="#FF7D00">预定房 </font>', '-' 
  ,' <font color="#FFE000">已租房 </font>', '-' 
  ,' <font color="#E40090">结账房 </font>', '-' 
  ,' <font color="#00AF4D">清洁房 </font>', '-' 
  ,' <font color="#E80033">锁房 </font>', '-' 
  ,new Date().format('Y-m-d'), '-' 
  ] 
  })
  });
   

});
</script>

make!

代码是没错看看是不是没包含statusbar.js文件

倒分贴


兄弟,怎么包含这个文件,是不是在文件头加上去?也就是head文件里面?
分享到:
评论

相关推荐

    ext.net安装说明

    它基于 Ext.js 库构建,提供了超过 100 种工具,包括 TextBox、ComboBox、Button、ToolBar、StatusBar、Panel、TabPanel、ExplorerBar、MenuBar、PictureBox 等多种控件,并且支持 Ajax 无刷新效果。这些特性使得 ...

    ext框架仿win 7的效果

    4. **状态栏(StatusBar)**:EXT框架的状态栏组件可以用于显示系统状态或操作提示,类似于Win 7任务栏底部的状态区域。 5. **皮肤(Skinning)**:EXT框架支持皮肤机制,开发者可以通过创建新的皮肤文件,定义不同...

    Ext 文件上传的完整列子

    if (xhr.status === 200) { console.log('文件上传成功'); } else { console.error('文件上传失败'); } }; xhr.send(formData); ``` 在服务器端(这里是'upload.php'),你需要处理接收到的文件,并将其保存到...

    ExtJs_xtype一览

    - `statusbar`:`Ext.StatusBar`,用于显示应用的状态信息,可以包含状态指示符、文本和操作按钮。 2. **容器及数据类组件** - `window`:`Ext.Window`,创建可弹出的浮动窗口,具有关闭、最大化、最小化等特性。...

    ExtJs4_笔记.docx

    - **Ext.toolbar.Toolbar**、**Ext.toolbar.Paging**和**Ext.ux.statusbar.StatusBar**:工具栏、分页栏和状态栏的创建和应用。 - **Ext.menu.Menu**、**Ext.draw.Component**和**Ext.resizer.Resizer**:菜单、绘图...

    ExtJs xtype一览

    - **`statusbar` (Ext.StatusBar)**: 状态条组件,用于显示应用程序的状态信息。值得注意的是,在2.2版本中引入,但在3.0版本中被移除。 - **`colorpalette` (Ext.ColorPalette)**: 调色板组件,允许用户选择颜色。 ...

    ExtJs组件类的对应表

    7. **`statusbar`** - `Ext.StatusBar`,状态条组件,可以显示应用程序的状态信息,曾在2.2版本加入后,在3.0版本中移除。 8. **`colorpalette`** - `Ext.ColorPalette`,调色板组件,用于选择颜色。 9. **`...

    Extjs xtype集合

    - **`Class`**: `Ext.StatusBar` - **描述**: 显示状态信息的状态栏,版本2.2加入后,在3.0版本中被移除。 8. **`colorpalette`:** - **`xtype`**: `colorpalette` - **`Class`**: `Ext.ColorPalette` - **...

    extjs控件列表

    **Ext.StatusBar** - **描述**: 底部状态栏,用于显示系统或应用的状态信息。 - **用途**: 常见于应用程序底部,显示操作结果、系统状态等。 **Ext.ColorPalette** - **描述**: 色彩选择面板,用户可以选择或输入...

    extJs xtype 类型

    7. **`statusbar`:** 状态条组件,在2.2版本引入后,在3.0版本中被移除。 8. **`colorpalette`:** 调色板组件,用于选择颜色,通过`Ext.ColorPalette`类实现。 9. **`datepicker`:** 日期选择面板组件,允许用户...

    PyQt5源码.rar

    包含基本PYQT5所有示例源代码,其中有basic示例、calendar_time、containers、controls、designer、dialogs、drapclip、drawing、 ext、layout、menu_toolbar_statusbar、multithread等等

    tea-time-vscode-ext

    tea-time READMEFeatures一个简单的Timer 显示在右下角Status Bar提醒你该起身喝水休息了!Extension Settings点击F1 or ctrl+shift+p输入命令输入命令teatime start并输入您工作多久需要进行一次休息(单位:秒)...

    精彩编程与编程技巧-VB技巧汇编 (一)...

    1. **选择StatusBar控件**:设置StatusBar控件的相关属性。 2. **设置图标**:通过设置StatusBar控件的属性来显示自定义图标。 ### 8. WebBrowser控件导航空白页 #### 关键知识点: - **Navigate方法**:用于导航...

    ExtJS的xtype列表

    - `statusbar`: 提供了一个区域来显示应用程序的状态信息,可以包含状态文本、按钮等。 - `colorpalette`: 用户可以选择颜色的面板,常用于颜色选择。 - `datepicker`: 提供一个日历界面,方便用户选择日期。 - ...

    MTK_MMI资料

    DM_STATUS_BAR1, DM_BUTTON_BAR1, DM_INLINE_FIXED_LIST1, DM_CALENDAR, DM_ALIGNED_AREA_START, DM_ALIGNED_AREA_END, DM_DATE_TIME_DISPLAY, DM_SLIDE_CONTROL, DM_POPUP_BACKGROUND, DM_TYPICAL_STOPWATCH, DM_...

    extjs 项目整理

    - **StatusBar**: 状态条。 - **ColorPalette**: 调色板。 - **DatePicker**: 日期选择面板。 - **容器及数据类组件**: - **Window**: 窗口。 - **ViewPort**: 视口。 - **Box**: 盒子组件。 - **Component**...

    MFC中获取各种类指针的方法

    CStatusBar *pStatusBar = (CStatusBar *)AfxGetMainWnd()-&gt;GetDescendantWindow(AFX_IDW_STATUS_BAR); CToolBar *pToolBar = (CToolBar *)AfxGetMainWnd()-&gt;GetDescendantWindow(AFX_IDW_TOOLBAR); ``` 7) **获得...

    VB inet控件下载文件带进度条

    1. **添加Inet控件和Progress Bar控件**:打开VB项目,从工具箱中拖放一个Inet控件和一个ProgressBar控件到窗体上。Inet控件通常位于"ActiveX"类别下,而ProgressBar控件在"Common Controls"类别中。 2. **设置Inet...

    cad 总结

    - **F6**: 状态行显示模式切换(Status Bar Display Toggle) - **F7**: 栅格显示模式切换(Grid Display Toggle) - **F8**: 正交模式切换(Ortho Mode Toggle) - **F9**: 栅格捕捉模式切换(Snap Mode Toggle) -...

    auto cad快捷键大全

    - **F6**: 切换状态栏显示(Toggle Status Bar Display) - **F7**: 切换栅格显示(Toggle Grid Display) - **F8**: 切换正交模式(Toggle Ortho Mode) - **F9**: 切换捕捉模式(Toggle Snap Mode) - **F10**: ...

Global site tag (gtag.js) - Google Analytics