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

时间:2015-06-15 11:40:50

标签: javascript jquery extjs

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

我只知道进度条:

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

其他人呢?

3 个答案:

答案 0 :(得分:0)

  • Ext.button.Button
  • Ext.ProgressBar
  • Ext.form.field.ComboBox
  • Ext.slider.Single
  • 图表包中的所有内容

答案 1 :(得分:0)

如果您打开Details面板(折叠在您发布的Kitchen sink example页面的右侧),您应该会看到如何创建示例中的网格小部件。

extend: 'Ext.grid.Panel'定义中的KitchenSink.view.grid.WidgetGrid行告诉您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 class systemComponents篇文章。可以找到许多其他帮助材料的ExtJs概念on ExtJs documentation page

答案 2 :(得分:0)

解决了我。 例如:

{{1}}