ext-ui.com

扩展实例

第一个自定义组件例子

在Ext JS中,构建自定义组件是扩展框架功能和创建可重复使用的模块化 UI 元素以满足应用程序的特定需求的有效方法。

它们是用户定义的类,用于扩展现有的 Ext JS 组件或基类,允许开发人员将布局、逻辑、配置和行为封装到可重用的构建块中。这些组件通常通过扩展 Ext.Component、Ext.panel.Panel 或任何其他核心小部件来创建。它们可以轻松集成到更大的应用程序中。
它们通过以下方式提高可维护性和一致性:

  • 将逻辑和 UI 封装在一个地方
  • 允许跨多个视图或应用程序重用
  • 支持标准 Ext JS 功能,如事件处理、数据绑定和布局管理

ExtJs editor插件扩展

Ext.ux.grid.RowEditor 是个非常不错的插件,但是不便之处就是不同gird 总要根据这个grid制定相应的编辑器,因为每个grid修改后post给后台的参数不一样,主要麻烦在自定义post参数上面,其实很早之前就想自己稍微扩展下,让它自动帮我识别参数,下面是代码,希望借此抛砖引玉(插入js不行,):

用ExtJs为表格单元格增加Tooltips浮动信息

ExtJs证实了其十分强大的界面定制能力,其中的提供的ToolTips功能比HTML里的如下语句定制性更强,完全可以代替如下功能

<a href="http://dfdfd" title="TIPS">Some Text</a>

ExtJs是通过Ext.ToolTip和Ext.QuickTips两个组件来实现浮动提示功能的,其中Ext.ToolTip的定制功能很强,具体效果可以参考,具体配置代码如下,

ExtJs 3.4 和 Web SSH(Ajaxterm)

今天在整理服务器列表的时候,想着可以不可以快速连接到服务器,之前也见过webssh ,google一番后发现了Ajaxterm,是用python开发的,下载下来试用一下还不错,速度还可以,Ajaxterm我大致看了下,没看的很明白,以后清楚了再补上,先看下图片

ExtJS 下书写动态生成的xml(兼容Firefox)

只能有IE可以运行,为了兼容性,必须考虑火狐的用户,所以,这个程序为了:火狐用户的兼容性;没有本地XML也可以动态生成。

效果如下图:


聚合内容