小编Nar*_*hav的帖子

ExtJS 4 TreePanel自动加载

我有一个Ext.tree.PanelTreeStore.此树位于选项卡中.问题是当我的应用程序加载应用程序中使用的所有树时加载它们的数据,即使存储已打开autoLoad: false.

我怎么能防止在树上自动加载?

Ext.define('...', {
    extend: 'Ext.container.Container',
    alias: 'widget.listcontainer',
    layout: {
        type: 'vbox',
        align: 'stretch'
    },
    items: [{
        xtype: 'container',
        html: "...",
        border: 0
    }, {
        xtype: '...',
        flex: 1,
        bodyPadding: 5,
        margin: '9 0 0 0'
    }]
});

Ext.define('...', {
    extend: 'Ext.data.TreeStore',
    model: '...',
    proxy: {
        type: 'ajax',
        reader: {
            type: 'json',
            root: 'data'
        },
        api: {
            read: 'some url'
        }
    }
});

Ext.define('...', {
    extend: 'Ext.tree.Panel',
    alias: 'widget....',
    id: '...',
    title: '...', …
Run Code Online (Sandbox Code Playgroud)

javascript extjs4

6
推荐指数
2
解决办法
1万
查看次数

在extJs门户中的extJs gmappanel

我想在extJs门户中使用extJS Gmappanel.下面是示例extJS门户.在"google"portlet中,我需要有谷歌地图.

我们如何在extJs门户中创建extJs gmappanel?

Ext.define('Ext.app.Portal', {
    extend: 'Ext.container.Viewport',
    uses: ['Ext.app.PortalPanel', 'Ext.app.PortalColumn', 'Ext.app.GridPortlet', 'Ext.app.ChartPortlet'],
    getTools: function() {
        return [{
            xtype: 'tool',
            type: 'gear',
            handler: function(e, target, panelHeader, tool) {
                var portlet = panelHeader.ownerCt;
                portlet.setLoading('Working...');
                Ext.defer(function() {
                    portlet.setLoading(false);
                }, 2000);
            }
        }];
    },

    initComponent: function() {
        var content = '<div class="portlet-content">' + Ext.example.shortBogusMarkup + '</div>';
        Ext.apply(this, {
            id: 'app-viewport',
            layout: {
                type: 'border',
                padding: '0 5 5 5'
            },
            items: [{
                id: 'app-header',
                xtype: 'box',
                region: 'north',
                height: 70,
                html: 'Dimestore Reports' …
Run Code Online (Sandbox Code Playgroud)

extjs

6
推荐指数
1
解决办法
2208
查看次数

Sencha Touch 2:列表不在Panel中显示

我正在使用Sencha Touch 2中的MVC应用程序,并且无法在嵌套中显示列表panel.

应用程序的结构有一个主视图,它是一个选项卡面板.选项卡面板中的一个项目是已定义的面板xtype: 'homepanel'.

此面板中的项目xtype: 'newslist'是链接到相应商店和模型文件的列表.

除非我将其父级更改homepanel为类型,否则列表不会显示Ext.navigation.View.

homepanel'作为panel阻止显示列表的定义'中我缺少什么?

Ext.define('ACSO.view.Home', {
    extend: 'Ext.Panel', //<--works if Ext.navigation.View
    xtype: 'homepanel',
    requires: [
        'Ext.TitleBar',
        'ACSO.view.NewsList'
    ],

    config: {
        title: 'Home',
        iconCls: 'home',
        cls: 'home',

        scrollable: true,
        styleHtmlContent: true,

        items: [{
            xtype: 'newslist'
        }]
    }
});
Run Code Online (Sandbox Code Playgroud)

sencha-touch-2

6
推荐指数
1
解决办法
3759
查看次数

javascript单元格数验证

我想使用JavaScript验证单元格编号.

这是我的代码.

if(number.value == "") {
    window.alert("Error: Cell number must not be null.");
    number.focus();
    return false;
}

if(number.length != 10) {
    window.alert("Phone number must be 10 digits.");
    number.focus();
    return false;
}
Run Code Online (Sandbox Code Playgroud)

这是问题,当我提交表格时没有输入电话号码,它显示错误单元格编号不能为空.它工作正常.

当我提交小区号码小于10位的表格时,显示的电话号码必须是10位数.这也很好.

问题是当我提交10位数的表格时,它也显示错误电话号码必须是10位数.

请帮我.谢谢.

并且还需要仅针对单元格编号的数字的验证代码.

javascript

6
推荐指数
2
解决办法
12万
查看次数

sencha extjs 5.0应用程序无法在生产版本中工作

我刚刚用ExtJS 5.0构建了一个新的应用程序,看起来非常棒.

该应用程序在开发模式下运行良好,但只要我使用命令行工具构建应用程序并进行部署,它就会停止工作.

我在项目目录中时使用的构建命令:

sencha app build production
Run Code Online (Sandbox Code Playgroud)

到目前为止,该命令工作正常,输出中没有错误.我在php上使用了一个小服务器端,因此我必须将index.html的结尾更改为index.php,并在生产服务器中再次手动包含php文件夹.(我没有找到如何在构建过程中更改它)

到目前为止,在我的索引文件的基本输出中,一切似乎都很好,但由于控制台中的错误,应用程序无法启动:

GET http://admin.vp24.com/.js?_dc=1404608946314 404 (Not Found) (index):23
Uncaught TypeError: object is not a function 
Run Code Online (Sandbox Code Playgroud)

Ext尝试包含什么?

当我开始在开发模式的应用程序,我看到许多包括基本类文件和材料在网络标签,其工作-在这里只用启动包括所谓的空文件.js,这似乎完全破碎.

我试着调试部分fetchSync中的app.js文件(基本分机的东西,我认为),找出我他试图在这一点上包括的东西,在我看来,它是gridfilters-plugin.

null在那里的所有步骤中突然出现了一些变量,我不知道为什么.

该应用程序有什么问题?

javascript extjs extjs5

6
推荐指数
1
解决办法
4947
查看次数

FromBase64String因Kendo图表而失败

我在页面上绘制了Kendo图表,我将其图像数据发布到一个操作,以将此base64编码数据保存到(SQL Server)数据库.

这是exportImage我首先从dataURL拆分base64数据的调用:

chart.exportImage({
    width: 727,
    height: 262
}).done(function(data) {
    // split 'image/png,xxxyyy=' into two
    var dataParts = data.split(',', 2);
    // TODO: need to strip from 'data:image/png;base64'
    dataParts[0] = 'image/png';

    $.ajax({
        url: "@Url.Action("
        Export_TargetPrice ", "
        Charts ")",
        type: 'POST',
        data: {
            contentType: dataParts[0],
            base64: dataParts[1],
            companyID: companyId
        }
    }).done(function() {

    });

});
Run Code Online (Sandbox Code Playgroud)

我的Export_TargetPrice方法基本上只是调用Convert.FromBase64String然后写入数据库:

/// <summary>
/// Export TargetPrice chart image for company (without download).
/// </summary>
[HttpPost]
public ActionResult Export_TargetPrice(string contentType, string base64, int companyID) …
Run Code Online (Sandbox Code Playgroud)

c# asp.net-mvc telerik kendo-chart

6
推荐指数
1
解决办法
170
查看次数

删除 React 表中的特定项目?

Header: "Delete",
id:'delete',
accessor: str => "delete",

Cell: (row)=> (
<span onClick={(row) => this.onRemoveHandler(row,props)} style={{cursor:'pointer',color:'blue',textDecoration:'underline'}}>
    Delete
</span>
)
Run Code Online (Sandbox Code Playgroud)

React Table 这与标题删除跨度链接相关。代码片段显示了使用超链接渲染删除标签。

在这里,一旦用户单击删除链接,我如何获取该特定行的 ID。ID 已分配给 json 数据中的所有行。那么,如何在onClick函数内部传递cellInfo或rowInfo。

reactjs react-redux react-table

6
推荐指数
2
解决办法
2万
查看次数

ExtJs表单验证

我在ExtJs中有这个表单.如果field1不为空,则field2不能为空.但即使听众正在解雇,它也无法正常工作.

 {
    xtype: 'panel',
    title: 'title 1',
    items: [{
        xtype: 'fieldset',
        title: 'field A',
        items: [{
            xtype: 'textfield',
            fieldLabel: 'Line 1',
            id: 'field1',
            listeners: {
                change: function(f, new_val) {
                    if (new_val) {
                        //alert("change" + new_val);
                        f.field2.allowBlank = false;
                    } else {
                        f.field1.allowBlank = true;
                    }
                }
            }
            code for field2
        }]
    }]
}
Run Code Online (Sandbox Code Playgroud)

javascript validation extjs

5
推荐指数
1
解决办法
9495
查看次数

如何动画在jquery中显示隐藏的div?

愚蠢的问题,但我似乎无法弄清楚这一点.

我有一个div并在页面加载时隐藏它

$("e").hide();
Run Code Online (Sandbox Code Playgroud)

然后,当用户对特定动作进行操作时,我希望div能够动画或优雅地向下滑动.但是在我的网站上,动画只是闪烁并穿上隐藏的div并且不会slideDown出现褪色或效果.

我用

$("#e").hide();
$("#p").change(function() {
    if ($("#p").val() === 'Married') {
        $("#e").slideDown(500);
    } else {
        $("#e").slideUp(500);
    }
});
Run Code Online (Sandbox Code Playgroud)

jquery

5
推荐指数
3
解决办法
3万
查看次数

EXT 4.2 ComboBox使用XTemplate对结果进行分组

我试图将我从商店获得的结果分组,以便在ComboBox中显示.我有一个看起来像这样的组合框: 在此输入图像描述

我需要它看起来像这样:

在此输入图像描述

这意味着按类别(订单/发票)分组.

我的组合框定义如下:

Ext.define('NG.view.searchcombo.Combo', {
    requires: ['Ext.form.field.ComboBox'],
    extend: 'Ext.form.ComboBox',
    alias: 'widget.searchcombo',
    minChars:3,
    fieldLabel: 'Choose Search',
    store: 'Search',
    displayField: 'name',
    valueField: 'id',
    typeAhead: false,
    hideLabel: true,
    hideTrigger:false,
    anchor: '100%',

    listConfig: {
        loadingText: 'Searching...',
        emptyText: 'No matching posts found.',

        // Custom rendering template for each item
        getInnerTpl: function() {
            return '<h3>{name} / {category}</h3>' +'{excerpt}' ;
        }
    },
    pageSize: 10,
    initComponent: function () {    

        this.callParent(arguments);
    }
});
Run Code Online (Sandbox Code Playgroud)

我的数据是这样的:

[{
    "id": 1,
    "name": "one",
    "category": "invoice"
}, {
    "id": 2,
    "name": "two",
    "category": …
Run Code Online (Sandbox Code Playgroud)

javascript grouping combobox extjs extjs4.2

5
推荐指数
3
解决办法
7109
查看次数