标签: extjs

如果您在以下文档中尝试实时代码示例:

http://docs.sencha.com/ext-js/4-1/#!/api/Ext.chart.series.Bar

不止一个标签看起来很漂亮:

data: [
    { 'name': 'metric one',  'data':5 },
    { 'name': 'metric two',  'data':27 }
]

但是,只要将数据集缩小到一个标签,输出就会变得很糟糕(请注意,条形图的标签显示在图表区域顶部的一半之外,而不是与要标记的条形垂直对齐):

这是ExtJS中的错误吗？我该如何解决这个问题？产生此输出的Exact ExtJS代码:

var store = Ext.create('Ext.data.JsonStore', {
    fields: ['name', 'data'],
    data: [
        { 'name': 'metric one',  'data':5 }
    ]
});

Ext.create('Ext.chart.Chart', {
    renderTo: Ext.getBody(),
    width: 500,
    height: 300,
    animate: true,
    store: store,
    axes: [{
        type: 'Numeric',
        position: 'bottom',
        fields: ['data'],
        label: {
            renderer: Ext.util.Format.numberRenderer('0,0')
        },
        title: 'Sample Values',
        grid: true,
        minimum: 0
    }, {
        type: 'Category',
        position: 'left',
        fields: ['name'],
        title: …

我正在使用Extjs gridPanel来显示数据.我想在没有数据可用时在gridPanel中显示"No data ..."消息.这该怎么做 ？.

我尝试了emptyText属性,但它没有用.

我认为emptyText适用于gridView而不适用于gridPanel.

请帮我看看如何在gridPanel中显示空数据消息.(我使用的是gridPanel而不是网格视图)

Ext.extend和Ext.override有什么区别？在java中,您扩展了一个类并重写了它的方法.但是看一下语法,似乎在extjs中,你可以扩展一个类并覆盖一个类

我正在创建一个ExtJS组件,我希望它使用QuickTips工具提示.如果我使用DomHelper创建一个元素,我可以设置一个工具提示,没有汗水.但是,如果我制作一个组件,就像

new BoxComponent({
  qtip: "This is a tip"
});

什么都没发生.我也试过命名属性"tooltip",但没有运气.有没有正确的方法来做到这一点？我现在的黑客行为是有效的

new BoxComponent({
  qtip: "This is a tip",
  listeners: {
    rendered: function(c){
      Ext.QuickTips.register({
        target: c.getEl(),
        text: c.qtip
      }
    }
});

我觉得这样不可能.我想我可以只扩展Component来自动完成,但这似乎是一个很常见的情况,我应该能够做到这一点,而不是像这样在引擎盖下戳.

ExtJS 4(Sencha)中的网格默认情况下不允许选择内容.但我想让这成为可能.

我试过这个网格配置:

viewConfig: {
    disableSelection: true,
    stripeRows: false,
    getRowClass: function(record, rowIndex, rowParams, store){
        return "x-selectable";
    }
},

使用这些css类(基本上针对我在Chrome中可以看到的每个元素):

/* allow grid text selection in Firefox and WebKit based browsers */

.x-selectable,
.x-selectable * {
                -moz-user-select: text !important;
                -khtml-user-select: text !important;
    -webkit-user-select: text !important;
}

.x-grid-row td,
.x-grid-summary-row td,
.x-grid-cell-text,
.x-grid-hd-text,
.x-grid-hd,
.x-grid-row,

.x-grid-row,
.x-grid-cell,
.x-unselectable
{
    -moz-user-select: text !important;
    -khtml-user-select: text !important;
    -webkit-user-select: text !important;
}

我知道你可以覆盖Ext 3中的网格行模板,如下所示,但我不知道如何在Ext 4中做同样的事情:

templates: {
    cell: new Ext.Template(
    '<td class="x-grid3-col x-grid3-cell x-grid3-td-{id} x-selectable …

我有一种情况,我ajax从各种Ext gridpanel等服务器向服务器发出请求.在管理区域.

如果没有活动,则登录用户将被注销.5分钟这是正常的.

在这种情况下,服务器将重定向发送回403登录页面.

现在我插入一个:

listeners: {
    exception: function(proxy, response, operation, eOpts) {
        if (response.status == '403')
            window.location = 'login';
    }
}

对于每个store's代理都有点矫枉过正.

有人可以很友好,让我知道如何为ExtJS和服务器之间的所有通信添加一个监听器？

我正在使用MVC应用程序架构,所以它可能是一个controller.js或一个内衬app.js.

谢谢

我很困惑我需要在up()down()和Ext.getCmp(ID)之间使用哪一个grep对象.

对我来说,定义ID以通过Ext.getCmp('ID')对象和检索对象更容易,并且代码看起来更干净.

例如:

console.log(this.up('panel').up('panel').down('grid'));
console.log(Ext.getCmp('myPanel'));

哪一个更适合表现？

我想使用以下代码更改元素或extJS小部件的颜色,字体大小,背景等样式但不起作用:

Ext.get('mydivid').setStyle({.......});     // does not work
Ext.get('mydivid').applyStyle({.......});   // does not work
Ext.select('mydivid').applyStyle({.......});   // does not work
Ext.query('.myclass').applyStyle({.......});   // does not work

对于我试过使用的extJs小部件Ext.getCmp.

有谁知道如何使用extJS而不是CSS更改html元素和extJS小部件的样式？

我需要定义一些我可以在我的应用程序中随处调用的函数.实现这一目标的最佳方法是什么？

所以我有一个httpd服务器运行,它有一堆文件的链接.假设用户从文件列表中选择三个文件进行下载,它们位于:

mysite.com/file1 
mysite.com/file2
mysite.com/file3

当他们点击下载按钮时,我希望他们从上面的链接下载这三个文件.

我的下载按钮看起来像:

var downloadButton = new Ext.Button({
  text: "Download",
  handler: function(){
    //download the three files here
  }
});