以下は、Google クロージャーを使用して単純なツールバーを作成するための完全な HTML ソースです。
Chrome でエラー メッセージを表示します:コメントUncaught TypeError: Cannot call method 'addChild' of undefined
でマークされた場所。// ERROR
誰でもこれを修正するヒントを提案できますか? ありがとう!!!
編集:そうです、 newを見逃しましたが、別のエラーは、すべての dom 要素を配置する必要があるため(そしてボタンのプレースホルダーが定義されていないため)、 whileは新しい要素を作成するため、render()
の代わりに使用する必要があったことです。decorate()
decorate()
render()
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="/m/google-closure/closure/goog/base.js"></script>
<script type="text/javascript">
goog.require('goog.dom');
goog.require('goog.ui.Toolbar');
goog.require('goog.ui.ToolbarButton');
</script>
<script type="text/javascript">
var load_sketcher = function(){
var tb = goog.ui.Toolbar();
tb.addChild(new goog.ui.ToolbarButton('A'), true);// ERROR!!!
tb.addChild(new goog.ui.ToolbarButton('B'), true);
tb.decorate(goog.dom.getElement('sk_toolbar'));// should have used render() here
};
</script>
</head>
<body onload='load_sketcher();'>
<div id="sketcher">
<div id="sk_toolbar"></div>
<div id="sk_canvas"></div>
</div>
</body>
</html>