2

我在 HTML 中有这个纯代码

<body style="margin:0px; padding:0px;" onload="load()"> 
    <div>
     <input type="text" id="addressInput" size="10"/>
    <select id="radiusSelect">
      <option value="25" selected>25mi</option>
      <option value="100">100mi</option>
      <option value="200">200mi</option>
    </select>
    <input type="button" onclick="searchLocations()" value="Search"/>
    </div>
    <div><select id="locationSelect" style="width:100%;visibility:hidden"></select></div>
    <div id="map" style="width: 100%; height: 80%"></div>
  </body>

我在sencha Touch 2中尝试的是

items: [{
                    xtype: 'fieldset',
                    title: 'Search Stores',

                    items: [
                        {
                            xtype: 'textfield',
                            name : 'name',
                            label: 'Adress',
                            placeHolder: 'Enter City & State or ZIP code'
                        },
                       {
                            xtype: 'selectfield',
                            label: 'Radius:',
                            options: [
                                {text: '25mi',  value: '25'},
                                {text: '100mi', value: '100'},
                                {text: '200mi',  value: '200'}
                            ]
                        }
                    ]
            }]

实际上,我正在使用sencha touch 2寻找商店,我点击此链接 https://developers.google.com/maps/articles/phpsqlsearch_v3

这对我来说很好,但是这段代码还不够,现在我想知道如何从 sencha touch 2 调用它onload="load(), 我阅读了 sencha touch 的文档onclick="searchLocations()"visibility:hidden 但无法做到这一点,非常感谢任何帮助

4

1 回答 1

2

这是 Sencha touch 中 HTML 的等效代码

  • <input type="button" onclick="searchLocations()" value="Search"/>

     {
      xtype: 'button',
      text: 'Search',
      ui: 'confirm',
      listeners : {
          tap : function() {
            // body of searchLocations()
          }
      }
     }  
    
  • 对于visibility:hidden,使用以下属性selectfield

     hidden: true
    
  • 对于onload="load()",您可以调用 Component 的以下方法。

     initialize()
    
于 2012-05-09T18:40:28.090 回答