extjs 3.4中布局窗口内的表单面板

Posted 2023-02-26

【中文标题】extjs 3.4中布局窗口内的表单面板

【英文标题】：form panel inside layout window in extjs 3.4

【发布时间】：2017-09-22 05:22:36

【问题描述】：

谁能帮我在 extjs 3.4 的布局窗口中创建一个表单。 like this?我尝试使用Ext.Formpanel，但它显示错误。

Ext.onReady(function() 
    // tabs for the center
    var tabs = new Ext.TabPanel(
        region: 'center',
        margins: '3 3 3 0', 
        activeTab: 0,
        defaults: 
            autoScroll: true
        ,
        items: [
            
                title: 'Movie Grid',
            ,
            
                title: 'Movie Description',
            ,
            
                title: 'Nested layout',
            ,
            
                title: 'The bomb',
            
        ]
    );

    // Panel for the west
    var nav = new Ext.Panel(
        title: 'Movie Information Form',
        region: 'west',
        split: true,
        width: 200,
        collapsible: true,
        margins: '3 0 3 3',
        cmargins: '3 3 3 3',
    );

    var win = new Ext.Window(
        title: 'Button',
        closable: true,
        width: 600,
        height: 350,
        //border: false,
        plain: true,
        layout: 'border',
        items: [
            nav,
            tabs
        ]
    );

    win.show(this);
);

这是创建布局窗口的js文件。我需要在“电影信息表单”中创建一个表单。

【问题讨论】：

显示什么错误？

SyntaxError: missing : after property id var simple=new Ext.FormPanel(

好吧，您可能在代码中的某处遗漏了:，或者还有其他语法错误。

【参考方案1】：

我已经解决了您代码中的错误。请检查并回复。 https://fiddle.sencha.com/#view/editor&fiddle/2750

我已经删除了 this，它被传递给 window 的 show()。

【讨论】：

请详细说明。你做了什么？有什么不同？

她将此作为参数传递给 show()，因为这是浏览器的窗口对象，所以它被破坏了。我删除了它，否则代码很好，只是添加了几个标签。

请编辑您的答案。它没有提供有关解决方案的足够信息。

请准确告诉我您想要什么信息。我不明白为什么当我对这个答案提供足够的清晰度时，你为什么要深入研究这个？

现在已经足够了。 “我已经解决了你的错误”不是一个足够的答案，因为它没有提供有关解决方案的实际信息。如果您仅发布指向小提琴的链接，则所有来源都在场外，将来可能会被删除。这就是为什么您应该始终将相关代码直接发布到您的问题或答案中。同样在你必须搜索的小提琴中，与原始代码有什么区别。