Sencha Touch：如何使用 Sencha Touch 实现 xForms？答案

【问题标题】：Sencha Touch : How to implement xForms with Sencha Touch?Sencha Touch：如何使用 Sencha Touch 实现 xForms？
【发布时间】：2013-02-15 01:20:29
【问题描述】：

我们的 WEB 应用程序使用 xForms 来验证和显示不同国家的不同模板。我必须使用 Sencha Touch 来实现同样的事情。我在各种论坛上搜索，但找不到任何明确的答案。

WEB/ioS/Android 应用程序使用的 xForms 如下所示。

<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:xf="http://www.w3.org/2002/xforms" 
      xmlns:xs="http://www.w3.org/2001/XMLSchema" 
      xmlns:xrsi="http://www.westernunion.com/schema/xrsi" 
      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
      xmlns:xxforms="http://orbeon.org/oxf/xml/xforms"> 
  <head> 
    <title>Bank Account details</title> 
    <xf:model>
      <xf:instance xmlns=""> 
        <bank_account> 
          <bank_name/>
          <swift_code/> 
          <account_number/> 
        </bank_account> 
      </xf:instance> 
      <xf:bind nodeset="bank_name" 
           type="xs:string" 
           required="true()" 
           constraint="string-length(.) &lt; 31"/> 
      <xf:bind nodeset="bank_code" 
           type="xrsi:alphanum" 
           required="true()" 
           constraint="string-length(.) &lt; 12"/> 
      <xf:bind nodeset="account_number" 
           type="xrsi:alphanum" 
           required="true()" 
           constraint="string-length(.) &lt; 25"/>
    </xf:model> 
  </head>
  <body> 
    <section> 
      <dl>
    <dt>Bank Name*:</dt> 
    <dd> 
      <xf:input ref="bank_name" 
                incremental="true" 
                xxforms:maxlength="30"> 
        <xf:alert>Bank Name is required</xf:alert>
        <xf:hint>Bank Name</xf:hint> 
      </xf:input> 
    </dd> 
    <dd> 
      <xf:input ref="bank_code" 
                incremental="true" 
                xxforms:maxlength="11"> 
        <xf:alert>AlphaNumeric</xf:alert> 
        <xf:hint>BIC</xf:hint> 
      </xf:input>
    </dd>

    <dd> 
      <xf:input ref="account_number" 
                incremental="true" 
                xxforms:maxlength="24">
        <xf:alert>IBAN is AlphaNumeric</xf:alert>
        <xf:hint>IBAN</xf:hint>
      </xf:input> 
    </dd> 
      </dl> 
    </section>
  </body>
</html>

我想在我的 sencha touch 应用程序中实现类似的功能。有什么好的方法可以实现吗？任何指针都会有很大帮助。

以下是 2 个有用的链接。

Is anyone using XForms in their web applications? http://www.sencha.com/forum/archive/index.php/t-26497.html

谢谢真棒

【问题讨论】：

标签： javascript extjs sencha-touch sencha-touch-2 xforms

【解决方案1】：

在我看来，您应该能够使用XSLTFORMS，它是 xforms 的客户端实现，并将其集成到您的 sencha touch 应用程序中。

我自己没有尝试过，但前段时间我做了一些研究，XSLTFORMS 似乎运行良好。

【讨论】：

对不起.. 没有意识到您在帖子中提到的有用链接已经提到 XSLTFORMS 作为一种可能的替代方案。