Worklight / Dojo - 键盘隐藏输入字段

Question

在我的应用程序中，我在屏幕底部有一个搜索框。

当用户专注于输入字段时，键盘会显示，但输入字段现在隐藏在键盘后面。一旦用户开始输入，只有输入字段才会可见 - 但只有输入字段的一半。

此问题仅在Android ...

中发生

  <div id="HomeScreen"   data-dojo-type="dojox.mobile.View" data-dojo-props="selected: false">
  <div class="header">
     <div class="header_name">
        <div id="header_menu_panel">
           <div id="menu" class="menu_field"><img src="images/menu.png"></div>
           <div id="like" class="menu_field"><img src="images/like.png"></div>
        </div>
     </div>
  </div>
  <div id="_ddPanel">

     <div id="ddPanel" data-dojo-type="dojox.mobile.ScrollableView">
     <form action="" id="ddPanelForm">
        <div id="dropdown_panel">
           <div id="dd1" class="dropdown_fld">
              <span class="blue_text">drop1</span><br/>
              <select id="industry_dropdown">
                 <option value="0">Select</option>
              </select>
           </div>
           <div  id="dd2" class="dropdown_fld">
              <span class="blue_text">drop2</span><br/>
              <select id="sa_dropdown">
                 <option value="Select">Select</option>
              </select>
           </div>
           <div id="dd3" class="dropdown_fld">
              <span class="blue_text">drop3</span><br/>
              <select id="kpi_dropdown">
                 <option value="Select">Select</option>
              </select>
           </div>
           <br/>
        </div>
        <div   class="h_center" style="text-align: center;"><input type="submit" id="option_search_sbumit"  value="Submit"/></div>
        <div id="Subdrivers"></div>
        </form>
     </div>

  </div>
  <form action="" id="mainSearchForm">
  <table id="search_panel">
     <tr>
        <td>
           <input type="search" id="search_input_field" width="100px" />
        </td>
        <td width="30px"><input type="submit" value="" id="search_button" /></td>
     </tr>
  </table>
  </form>

Answer 1

根据我在以下问题中的回答，我不相信这完全是关于Dojo和Worklight，而是关于Android应用程序中Android虚拟键盘的行为。

请查看：How to auto-scroll to input field in Android when the soft keyboard overlaps them on showing?

以下是一些建议的解决方案：

• Textbox hidden below keyboard in Android webview
• html textfield in WebView in an Android application is hidden by the soft keyboard
• Keyboard hiding EditText when android:windowTranslucentStatus=true
  
  
• 您也可以使用iScroll.js（精简版） - 或者通过捕捉焦点事件自行实现 - 向上滚动特定数量的像素。