Extjs 与谷歌 Ajax 语言 Api答案

【问题标题】：Extjs with google Ajax Language ApiExtjs 与谷歌 Ajax 语言 Api
【发布时间】：2010-02-25 12:12:26
【问题描述】：

我们可以将谷歌 AJAX 语言 API 与 EXTjs 一起使用吗？我已经尝试过翻译示例，我有一个 html 文件：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
   <link rel="stylesheet" type="text/css" href="F:\vaishali.g\ext-3.1.0\resources\css\ext-all.css"/>
  <script type="text/javascript" src="F:\vaishali.g\ext-3.1.0\adapter\ext\ext-base.js"></script>
  <script type="text/javascript" src="F:\vaishali.g\ext-3.1.0\ext-all.js"></script>
  <script type="text/javascript" src="F:\vaishali.g\ext-3.1.0\ext-all-debug.js"></script>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  <script type="text/javascript" src="F:\vaishali.g\Assignments\EXTJS\typemarathi.js"></script>

 </HEAD>

 <body>
    Type in Hindi (Press Ctrl+g to toggle between English and Hindi)<br>
   <input type="text" id="myid" name="myname">
  </body>
</HTML>

和 typemarathi.js

google.load("元素", "1", { 包：“音译” });

  function onLoad() {
    var options = {
        sourceLanguage:
            google.elements.transliteration.LanguageCode.ENGLISH,
        destinationLanguage:
            [google.elements.transliteration.LanguageCode.MARATHI],
        shortcutKey: 'ctrl+g',
        transliterationEnabled: true
    };

    // Create an instance on TransliterationControl with the required
    // options.
    var control =
        new google.elements.transliteration.TransliterationControl(options);

    // Enable transliteration in the editable DIV with id
    // 'transliterateDiv'.
    control.makeTransliteratable([myname]);
  }
 google.setOnLoadCallback(onLoad);

它工作正常。但是如果我在 extjs 中编写文本字段

Ext.onReady(function(){
var form1=new Ext.FormPanel({
            renderTo:document.body,
            frame:true,
            title:'My First Form',
            widyh:250,
            items:[{
                xtype:'textfield',
                fieldLabel:'First name',
                name:'firstname'

                    }
                ]
});
});

并尝试将名字（名字属性传递给control.makeTransliteratable([firstname])）然后它不起作用......它说“无效的ID错误”。但是如果我通过->(html textfiled name 给它) control.makeTransliteratable([myname]) 它工作正常。

【问题讨论】：

是的，你可以。你为什么不这么认为？这个问题需要更多的阐述。
多个 ? 或 ! 连续 = 自动投反对票

标签： java javascript ajax extjs

【解决方案1】：

是的，我们可以！

【讨论】：

【解决方案2】：

我不明白为什么你不能——实际上，我很确定你可以，就像你可以将它与其他框架一起使用，比如 jQuery 或 Prototype。

（您是否遇到任何具体问题？如果是，您可能需要编辑您的问题，以便向我们提供更多详细信息）

【讨论】：

【解决方案3】：

根据您的代码，我不清楚，但如果您将 string value 'firstname'（带引号）传递给 Google lib，那么我认为它应该可以正常工作。但是，如果您要传递对象引用（在您的示例中看起来像），那么您必须传递基础字段引用，而不是 Ext TextField 对象引用（如 myTextField.getEl()）。

【讨论】：