如何使用“HTML”中的现有值使用 Sencha Touch 进​​行配置?

发布于 2024-12-11 11:18:08 字数 965 浏览 0 评论 0原文

由于 Sencha Touch 拥有所有界面元素,我决定使用它。有人可以告诉我如何将现有值集成到项目“HTML”配置中吗?

代码如下所示:

我有一个 form1

var form1 = new Ext.form.FormPanel({
    id: 'form1',
    standardSubmit : false,
    scroll:'vertical',
    dockedItems: [
        form1topToolBar
    ],
    items: [
        {
            xtype: 'textfield',
            name: 'form1One',
            label: 'Name'
        }
    ]    
});

我也有一个 form2

var form2 = new Ext.form.FormPanel({
    id: 'form2',
    standardSubmit : false,
    scroll:'vertical',
    dockedItems: [
        form2topToolBar
    ],
    items: [
        {
            html: [
                '<table class="outputTable">',
                '<tr>',
                '<td>form1.getValues().form1One</td>',  <-------- Here is the value that I want. 
                '</tr>',
                '</table>'
            ]
        }
    ]    
});

Since Sencha Touch has all the interface elements, I decided to use it. Can someone tell me how to integrate the existing value in an items "HTML" config?

Codes are showing below:

I've got a form1

var form1 = new Ext.form.FormPanel({
    id: 'form1',
    standardSubmit : false,
    scroll:'vertical',
    dockedItems: [
        form1topToolBar
    ],
    items: [
        {
            xtype: 'textfield',
            name: 'form1One',
            label: 'Name'
        }
    ]    
});

I've also got a form2

var form2 = new Ext.form.FormPanel({
    id: 'form2',
    standardSubmit : false,
    scroll:'vertical',
    dockedItems: [
        form2topToolBar
    ],
    items: [
        {
            html: [
                '<table class="outputTable">',
                '<tr>',
                '<td>form1.getValues().form1One</td>',  <-------- Here is the value that I want. 
                '</tr>',
                '</table>'
            ]
        }
    ]    
});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

是伱的 2024-12-18 11:18:08

我假设您尝试在用户更改值时更新 元素。以下是执行此操作的代码:

    var form1 = new Ext.form.FormPanel({
        id: 'form1',
        standardSubmit : false,
        scroll:'vertical',
        dockedItems: [
            form1topToolBar
        ],
        items: [
            {
                xtype: 'textfield',
                name: 'form1One',
                label: 'Name',
                listeners: {
                    'change' : {
                        fn : function (field, newValue, oldValue, eOpts) {
                            var myUpdatedText;  // example of calculated text
                            myUpdatedText = form1.getValues().form1One;
                            myUpdatedText += form2.getValues().form2Two;
                            Ext.getCmp('form2ChangingField').update({
                                updatedText : myUpdatedText
                            });
                        }
                    }
                }
            }
        ]    
    });       

    // other code here... then definition of form2 starts here

    var form2 = new Ext.form.FormPane({
        id: 'form2',
        standardSubmit : false,
        scroll:'vertical',
        dockedItems: [
            form2topToolBar
        ],
        items: [
            {
                xtype: 'textfield',
                name: 'form2Two'
            },
            {
                id: 'form2ChangingField',
                tpl: new Ext.Template('<table class="outputTable">'+
                                      '<tr>'+
                                      '<td>{updatedText}</td>'+
                                      '</tr>'+
                                      '</table>'
                );
            }
        ]
    });  

转到此处 了解有关模板的更多信息。

I'm going to assume you are trying to update the <td> element when the user changes values. Here is the code to do that:

    var form1 = new Ext.form.FormPanel({
        id: 'form1',
        standardSubmit : false,
        scroll:'vertical',
        dockedItems: [
            form1topToolBar
        ],
        items: [
            {
                xtype: 'textfield',
                name: 'form1One',
                label: 'Name',
                listeners: {
                    'change' : {
                        fn : function (field, newValue, oldValue, eOpts) {
                            var myUpdatedText;  // example of calculated text
                            myUpdatedText = form1.getValues().form1One;
                            myUpdatedText += form2.getValues().form2Two;
                            Ext.getCmp('form2ChangingField').update({
                                updatedText : myUpdatedText
                            });
                        }
                    }
                }
            }
        ]    
    });       

    // other code here... then definition of form2 starts here

    var form2 = new Ext.form.FormPane({
        id: 'form2',
        standardSubmit : false,
        scroll:'vertical',
        dockedItems: [
            form2topToolBar
        ],
        items: [
            {
                xtype: 'textfield',
                name: 'form2Two'
            },
            {
                id: 'form2ChangingField',
                tpl: new Ext.Template('<table class="outputTable">'+
                                      '<tr>'+
                                      '<td>{updatedText}</td>'+
                                      '</tr>'+
                                      '</table>'
                );
            }
        ]
    });  

Go here to learn more about templates.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文