标签: extjs

下面,我有一个我想用javascript格式化的数字.但它返回NaN.

var v = "153,452.47";
alert(Math.round(v));

您可以使用以下小提琴:示例

我们如何格式化具有分隔符的数字字符串？

我在这里有关于ExtJS的DataView示例的几个问题:

http://dev.sencha.com/deploy/ext-4.0.0/examples/view/data-view.html

以下是我的问题:

1. 我有一个自定义组件扩展面板,并做一些布局和东西,以适应我的应用程序.我想使用数据视图在垂直列表视图中呈现此组件的许多实例,就像这个例子一样.我正在与MVC合作并拥有一个模型和商店.

2. 该示例侦听视图中的selectionchange事件.由于我遵循ExtJS MVC模式,我希望在控制器中有一个侦听器.但是,我无法做到这一点.我尝试过这样的事情(假设动作:'picturesListView'用于示例中的Ext.view.View):

   this.control({
       'picturesListView': {
            selectionchange: function() { console.log('selectionchange'); }
        }
   });
   

   Run Code Online (Sandbox Code Playgroud)

但这不起作用.

根据要求发布类代码:

Ext.create('Ext.Panel', {
    id: 'images-view',
    frame: true,
    collapsible: true,
    width: 535,
    renderTo: 'dataview-example',
    title: 'Simple DataView (0 items selected)',
    items: Ext.create('Ext.view.View', {
        store: store,
        tpl: [
            '<tpl for=".">',
                '<div class="thumb-wrap" id="{name}">',
                '<div class="thumb"><img src="{url}" title="{name}"></div>',
                '<span class="x-editable">{shortName}</span></div>',
            '</tpl>',
            '<div class="x-clear"></div>'
        ],
        multiSelect: true,
        height: 310,
        trackOver: true,
        overItemCls: 'x-item-over',
        itemSelector: 'div.thumb-wrap',
        emptyText: 'No images to display',
        alias: 'view.picturesListView',
        plugins: [
            Ext.create('Ext.ux.DataView.DragSelector', {}),
            Ext.create('Ext.ux.DataView.LabelEditor', …

我正在向商店添加一行,如下所示:

var store = this.getStore();
var newrow = store.add(Sytem.model.Info.Settings.create({ID: id, MINVAL: 1});

但是,当我尝试在新添加的行中设置值时:

newrow.set('MAXVAL', 1000);

我收到一条错误消息 newrow.set() is not a function

据我所知,这是在新创建的商店行上设置值的正确方法.

我有一个checkboxgroup和一个radiogroup.对于他们两个,我想要抓住几个值.对于checkboxGroup

var DescCheck = new Ext.form.CheckboxGroup({
    fieldLabel: 'Description of service : <span style="color: rgb(255, 0, 0); padding-left: 2px;">*</span>',
    width : 540,
    labelSeparator : '',
    items: [
        {boxLabel: 'Direct', name: 'Direct', inputValue: 'Direct'},
        {boxLabel: 'Fixed-day', name: 'day', inputValue: 'Fixed'},
        {boxLabel: 'Weekly', name: 'Weekly', inputValue: 'Weekly'}
    ]
});

我试过DescCheck.getValue()但它还给了我

[对象]

我试过了DescCheck.getValue().inputValue,它什么也没归我.

对于radioGroup

var TypeCheck = new Ext.form.RadioGroup({

    items: [
        {boxLabel: 'New 1', name: '1', inputValue: '1'},
        {boxLabel: 'New 2', name: '2', inputValue: '2'},
        {boxLabel: 'New 3', name: '3', …

我看到很多线程都在讨论使用getNodeById或getRootNode方法和appendChild方法向TreePanel添加动态节点.

出于某种原因,我无法做到.我不知道我做错了什么,或者这是否与Ext JS 3.4有关.

有人可以告诉我这是对的吗？

{
    xtype: 'treepanel',
    id: 'testTreePanel',
    autoScroll: true,
    width: 250,
    collapsible: true,
    title: 'Navigation',
    containerScroll: true,
    enableDD: true,
    useArrows: true,
    collapsible: true,
    region: 'west',
    root: {
      allowDrag: false,
      allowDrop: false,
      iconCls: 'cover',
      id: 'testRootNode',
      text: 'Root Node'
    },
    loader: {

    }
  }

这是我正在做的动态添加节点 -

var testNode = new Ext.tree.TreeNode({
     id: 'node_1',
     leaf: true,
     text: 'Test Node Text 1',
     allowDrag: false,
     allowDrop: false
});

Ext.getCmp('testTreePanel').getRootNode().appendChild(testNode);

我看到节点已添加到根目录下,如果我这样做 -

Ext.getCmp('testTreePanel').getRootNode().childNodes

但我也注意到root了allowChildren: false,loaded: false, …

如何在Ext.data.Model中实现getter和setter？

我的例子:

Ext.define('Person', {
    extend: 'Ext.data.Model',
    fields: [{
        name: 'Name',
        type: 'string'
    }, {
        name: 'Surname',
        type: 'string'
    }, {
        name: 'BirthDate',
        type: 'date',
        dateFormat: 'd-m-Y'
    }, {
        name: 'Salary',
        type: 'int'
    }, {
        name: 'Married',
        type: 'boolean'
    }],
    convert: function (v, record) {
        console.log(v)
        return record.get('Surname') + v;
    }
});

var person = Ext.create('Person', {
    Name: 'Eugene',
    Surname: 'Popov',
    BirthDate: '22-05-1984',
    Salary: 300,
    Married: false
});

console.log(person.get('Salary')); //300

我想要例如person.get('Salary')返回300美元.谢谢你的帮助.

我想在ExtJs树中搜索特定节点.我当前的代码只允许在第一级搜索节点.请检查这个小提琴

var store = Ext.create('Ext.data.TreeStore', {
    root: {
        expanded: true,
        children: [{
            text: "Javascript",
            leaf: true
        }, {
            text: "ASP.net",
            leaf: true
        }, {
            text: "Also ASP.net",
            leaf: false,

            children: [{

                text: '1.1 foo',
                leaf: false,
                children: [{

                    text: "1.1.1 asp.net mvc",
                    expanded: true
                }, {

                    text: "1.1.2 java",
                    expanded: true
                }, {

                    text: "1.1.3 extjs",
                    expanded: true
                }]
            }, {

                text: '1.2 bar',
                leaf: true
            }]

        }, {
            text: "ASP.net future",
            leaf: true
        }]
    }
});

Ext.create('Ext.tree.Panel', { …

我正在使用Extjs 4和MVC架构.

我有一个输出这个Json数据的python脚本:

{
"data": [
    {
        "inAnalysis": 3, 
        "inQuest": 2, 
        "inDevelopment": 6, 
        "total": 12, 
        "inValidation": 1, 
        "Month": 1303
    }, 
    {
        "inAnalysis": 1, 
        "total": 5, 
        "Month": 1304, 
        "inDevelopment": 4
    }
], 
"success": true, 
"metaData": {
    "fields": [
        {
            "name": "inAnalysis"
        }, 
        {
            "name": "inQuest"
        }, 
        {
            "name": "inDevelopment"
        }, 
        {
            "name": "inValidation"
        }, 
        {
            "name": "isDuplicate"
        }, 
        {
            "name": "New"
        }, 
        {
            "name": "total"
        }
    ], 
    "root": "data"
}

}

我想将MetaData的字段用作图表系列,所以我有这样的商店:

Ext.define('Proj.store.ChartData', {
extend: 'Ext.data.Store',
autoload: true,
proxy: {
    type: …

问题很简单.我有一个主屏幕,北区必须显示两个文本字段和一个按钮,以便用户连接.

我有这个代码.

Ext.create('Ext.container.Viewport', {
    layout: 'anchor',
    id: 'homescreen', 
    items: [
        {    
            layout: 'border',
            border: false,
            height: 160,
            anchor: '100%',
            items: [
                {
                region: 'west',
                // some codes here
                },
                {
                xtype: 'container',
                width: '70%',
                region: 'east',
                layout: 
                    {
                    type: 'table',

                    columns: 1,
                    tdAttrs: 
                        { 
                        style: 'padding: 5px 15px 5px 15px;',
                        align: 'middle',
                        },
                    defaults: 
                        {
                        width: 150,
                        textAlign: 'right'
                        },
                    },
                    items: [
                        {
                        xtype: 'textfield',
                        //fieldLabel: 'login',
                        labelWidth:50,
                        emptyText: 'Utilisateur',
                        margin: '18 0 0 0',

                        },
                        {
                        xtype: 'textfield', …

如何在最右边的组合框列表项中添加关闭图标

 Ext.define('ezdi.view.SaveSearchComboboxView', {
        extend : 'Ext.form.field.ComboBox',
        alias : 'widget.saveSearchComboboxAlias',
        queryMode : 'local',
        id : 'saveSearchComboId',
        store : 'SaveSearchComboboxStore',
        emptyText : 'Saved Searches',
        displayField : 'searchQueryName',
        valueField : 'searchQueryId',
        lazyInit: false
    });