1

JS:

define(["dojo/_base/declare","dojo/dom",
    "dijit/_Widget", "dijit/_TemplatedMixin",
    "dojo/text!./templates/MainViewWidget.html",
    "dijit/layout/TabContainer", "dijit/layout/ContentPane","dijit/layout/BorderContainer","dijit/form/TextBox", "dijit/layout/AccordionContainer"],
    function(declare, dom, _Widget, _TemplatedMixin, template){
        return declare("package.MainViewWidget", [_Widget, _TemplatedMixin], {
            widgetsInTemplate: true,
            templateString: template,
            constructor: function(){

            },
            startup: function(){

            },
            search: function(evt){
                alert('hi');
                alert(evt);
            }
        });
    });

テンプレート/MainViewWidget.html:

<div class="mainContainer">


<div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design:'sidebar', gutters:true, liveSplitters:true" style="width:100%;height:100%;">
    <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'left', splitter:true"> 
        <h2>List of trips</h2>
        <br />
        <input type="text" data-dojo-type="dijit.form.TextBox" data-dojo-props="placeHolder:'Search...'" data-dojo-attach-event="onchange:'search'"/>
        <br />

    </div>


    <div data-dojo-type="dijit.layout.TabContainer" data-dojo-attach-point="tabContainerDiv" data-dojo-props="region: 'center', tabPosition: 'top', tabStrip:'true', style:'width:80%;height:100%'">
        <div data-dojo-type="dijit.layout.ContentPane" title="Summary" data-dojo-props="selected:'true', title:'About'">Welcome. Navigate through the Left pane.</div>
    </div>
</div>
</div>

問題は、上のイベントをキャプチャしたいということですTextBox。からわかるように、マークアップだけでこれを実行しようとしていましたdata-dojo-attach-event="onchange:'search'"。私はこれの多くのバリエーションを試しましたが、うまくいきません。基本的に私が望むのは、JS で関数を定義し、それをマークアップのハンドラーとしてアタッチすることです。助けてください。

4

2 に答える 2

0

試す:

data-dojo-attach-event="onChange:search"

キャメルケースの onChange で、検索を引用符で囲みません。

于 2013-01-01T23:44:59.820 に答える