Javascript 如何将Dojo原型集成到ICN中？

我有一个模板（使用Dojo），如下所示：

我使用IBM content navigator的新功能将其集成到ICN中：

请帮助我或给我举个例子

任何帮助都将不胜感激，谢谢

-- 我的代码如下：

原型代码------------------ -----html页面

<div class="leading-panel" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'leading'">
            <p>Danh sách thông tin<br/> <input id="stateSelect"></p>
            <p>Mã thông tin<br/> <input id="stateSelect2"></p>
</div><!--End .leading-panel-->

require([
    "dojo/store/Memory", "dijit/form/ComboBox", "dojo/domReady!"
], function(Memory, ComboBox){
    var stateStore = new Memory({
        data: [
            {name:"Alabama", id:"AL"},
            {name:"Alaska", id:"AK"},
            {name:"American Samoa", id:"AS"},
            {name:"Arizona", id:"AZ"},
            {name:"Arkansas", id:"AR"},
            {name:"Armed Forces Europe", id:"AE"},
            {name:"Armed Forces Pacific", id:"AP"},
            {name:"Armed Forces the Americas", id:"AA"},
            {name:"California", id:"CA"},
            {name:"Colorado", id:"CO"},
            {name:"Connecticut", id:"CT"},
            {name:"Delaware", id:"DE"}
        ]
    });

    var comboBox = new ComboBox({
        id: "stateSelect",
        name: "state",
        style:{width: "auto"},
        value: "California",
        store: stateStore,
        searchAttr: "name"
    }, "stateSelect").startup();

    var comboBox = new ComboBox({
        id: "stateSelect2",
        name: "state",
        style:{width: "auto"},
        value: "California",
        store: stateStore,
        searchAttr: "name"
    }, "stateSelect2").startup();
});

---

IBM content navigator代码的新功能----------------- .com.WebContent.testICNDojo.templates ---ICNFutureTest.html

<div class="ecmCenterPane">
    <!--  Please add your configuration pane -->
    <div class="wrapper" data-dojo-type="dijit/layout/BorderContainer" style="width: 100%; height: 100%;">
        <div class="leading-panel" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'leading'">
            <p>Danh sách thông tin<br/> <input id="stateSelect"></p>
            <p>Mã thông tin<br/> <input id="stateSelect2"></p>
        </div><!--End .leading-panel-->
    </div>
</div>

---

你应该把它放在loadContent函数中。loadContent是CustomFeature-IBM Content Navigator中的内置功能，类似于：

loadContent:function（）{
var stateStore=新内存({
数据：[
{姓名：“阿拉巴马州”，id:“AL”}，
{姓名：“阿拉斯加”，id：“AK”}，
{名称：“美属萨摩亚”，id:“AS”}，
{姓名：“亚利桑那州”，id:“亚利桑那州”}，
{姓名：“阿肯色州”，id:“AR”}，
{名称：“欧洲武装部队”，id:“AE”}，
{姓名：“太平洋武装部队”，id:“AP”}，
{姓名：“美洲武装部队”，id:“AA”}，
{姓名：“加利福尼亚”，id：“CA”}，
{姓名：“科罗拉多”，id：“CO”}，
{姓名：“康涅狄格州”，id:“CT”}，
{姓名：“特拉华州”，id:“德”}
]
});
var comboBox=新组合框({
id:“stateSelect”，
名称：“国家”，
样式：{width:“auto”}，
价值：“加州”，
商店：stateStore，
searchAttr:“名称”
}，“stateSelect”）.startup（）；
此日志条目（“加载内容”）；
如果（！this.isLoaded）{
this.isLoaded=true；
this.needReset=false；
}
这是logExit（“加载内容”）；
}，

您应该将其放入loadContent函数中。loadContent是CustomFeature-IBM Content Navigator中的内置功能，类似于：

loadContent:function（）{
var stateStore=新内存({
数据：[
{姓名：“阿拉巴马州”，id:“AL”}，
{姓名：“阿拉斯加”，id：“AK”}，
{名称：“美属萨摩亚”，id:“AS”}，
{姓名：“亚利桑那州”，id:“亚利桑那州”}，
{姓名：“阿肯色州”，id:“AR”}，
{名称：“欧洲武装部队”，id:“AE”}，
{姓名：“太平洋武装部队”，id:“AP”}，
{姓名：“美洲武装部队”，id:“AA”}，
{姓名：“加利福尼亚”，id：“CA”}，
{姓名：“科罗拉多”，id：“CO”}，
{姓名：“康涅狄格州”，id:“CT”}，
{姓名：“特拉华州”，id:“德”}
]
});
var comboBox=新组合框({
id:“stateSelect”，
名称：“国家”，
样式：{width:“auto”}，
价值：“加州”，
商店：stateStore，
searchAttr:“名称”
}，“stateSelect”）.startup（）；
此日志条目（“加载内容”）；
如果（！this.isLoaded）{
this.isLoaded=true；
this.needReset=false；
}
这是logExit（“加载内容”）；
}，

请发布代码，而不是图片和链接。我添加了代码，请帮助我：）请发布代码，而不是图片和链接。我添加了代码，请帮助我：）

define([
    "dojo/_base/declare",
    "ecm/widget/layout/_LaunchBarPane",
    "dojo/text!./templates/ICNFutureTest.html",
    "dojo/store/Memory", 
    "dijit/form/ComboBox",
    "dojo/domReady!"
],
function(declare,
        _LaunchBarPane,
        template,
        Memory,
        ComboBox) {
    /**
     * @name testICNDojo.ICNFutureTest
     * @class 
     * @augments ecm.widget.layout._LaunchBarPane
     */
    return declare("testICNDojo.ICNFutureTest", [
        _LaunchBarPane
    ], {
        /** @lends testICNDojo.ICNFutureTest.prototype */

        templateString: template,

        widgetsInTemplate: true,

        postCreate: function() {
            this.inherited(arguments);

            //load js for template
            this.loadDataOfForm();
        },


        /**
         * My js-------
         */
        loadDataOfForm: function() {

            var stateStore = new Memory({
                data: [
                    {name:"Alabama", id:"AL"},
                    {name:"Alaska", id:"AK"},
                    {name:"American Samoa", id:"AS"},
                    {name:"Arizona", id:"AZ"},
                    {name:"Arkansas", id:"AR"},
                    {name:"Armed Forces Europe", id:"AE"},
                    {name:"Armed Forces Pacific", id:"AP"},
                    {name:"Armed Forces the Americas", id:"AA"},
                    {name:"California", id:"CA"},
                    {name:"Colorado", id:"CO"},
                    {name:"Connecticut", id:"CT"},
                    {name:"Delaware", id:"DE"}
                ]
            });

            var comboBox = new ComboBox({
                id: "stateSelect",
                name: "state",
                style:{width: "auto"},
                value: "California",
                store: stateStore,
                searchAttr: "name"
            }, "stateSelect").startup();

        }
        /*ect function ...*/
    });
});