extjs 在自定义元素中使用网格小部件的可能性

extjs Possibility of using grid widgets in custom elements

本文关键字：小部 网格 可能性 自定义 元素 extjs      更新时间：2023-09-26

是否可以 http://dev.sencha.com/ext/5.1.0/examples/kitchensink/#widget-grid 在 costum 元素div/span 中使用这些小部件，而不是在面板中

？

我只知道进度条：

Ext.create("Ext.ProgressBar", {
                        renderTo: costumSpan[0],
                        value: .5
                    });

其他人呢？

  • Ext.button.Button
  • 扩展进度条
  • Ext.form.field.ComboBox
  • Ext.slider.Single
  • 图表包中的所有内容

如果您打开Details面板（在您发布的厨房水槽示例页面上折叠在右侧），您应该会看到示例中的网格小部件是如何创建的。

KitchenSink.view.grid.WidgetGrid定义中extend: 'Ext.grid.Panel'行告诉您KitchenSink.view.grid.WidgetGrid继承了所有Ext.grid.Panel属性和行为（并用自己的一些属性和行为对其进行扩展）。这实际上意味着KitchenSink.view.grid.WidgetGrid支持Ext.grid.Panel.renderTo配置，因此如果您构建这样的KitchenSink.view.grid.WidgetGrid，它应该是完全有效的：

Ext.create("KitchenSink.view.grid.WidgetGrid", {
    renderTo: costumSpan[0]
    // ... Other configuration options
});

我想你刚刚开始使用 ExtJs 框架，也许你应该看看 ExtJs 类系统和组件文章。有关 ExtJs 概念的许多其他帮助材料可以在 ExtJs 文档页面上找到。

解决了我。例如：

                   Ext.create("Ext.widget", {
                        xtype: "sparklinebox",
                        // xtype: "sparklineline"
                        // xtype: "sparklinepie "
                        // xtype: "sparklinediscrete"
                        // xtype: "sparklinebar"
                        // xtype: "sparklinebullet"
                        // xtype: "sparklinebox"
                        // xtype: "sparklinetristate"
                        renderTo: 'dom-element-id'
                        height: 20,
                        width: 10,
                        values: [1, 2, 3, 4]
                    });
相关文章：