Как использовать существующие значения в конфигурации «HTML» с помощью Sencha Touch? - PullRequest
Новая
       0

Как использовать существующие значения в конфигурации «HTML» с помощью Sencha Touch?

0 голосов
/ 25 октября 2011

Поскольку Sencha Touch имеет все элементы интерфейса, я решил использовать его. Может кто-нибудь сказать мне, как интегрировать существующее значение в элементы "HTML" конфигурации?

Коды показаны ниже:

У меня есть форма1 

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

У меня также есть форма2 

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>'
            ]
        }
    ]    
});

1 Ответ

1 голос
/ 25 октября 2011

Я предполагаю, что вы пытаетесь обновить элемент <td>, когда пользователь меняет значения.Вот код для этого: 

    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>'
                );
            }
        ]
    });

Перейдите здесь , чтобы узнать больше о шаблонах.

...