DXTREME ENTERPRISE HTML/JS應用程序創建了一個HTML文檔，如果想要在DXTREME應用程序中使用第三方jQuery插件，jQuery插件需要你找到一個HTML節點，然后分配給它。所以說用于搜索HTML文件以及在分配一個組件到文件上（HTML文檔創建好之后）的代碼執行是非常重要的。

    最簡單的方法就是使用可視化模型事件里的viewShown事件，這個事件將會在HTML文檔完全創建之后執行。

DxSample.Index = function(params) {
    return {
        viewShown: function () {
            $("#view-port #accordion").accordion();
        }
    };
};

    還有另外一種方法，你可以將jQuery插件轉換成Knockout綁定。DXTREME HTML / javascript框架提供的函數registerComponentKoBinding，將會自動的執行這個功能。這個參數將會接受一個以參數命名的組件，然后創建一個相應的jQuery內部插件，如果引用這個相應的jQuery 插件庫，這個組件就會被創建了。

    在這里，你可以略微的修改app.js 文件并添加新的功能。比如說，它的名稱可能是 registerCustomComponents，你可以用這個函數，注冊你將會在應用程序中使用到的所有的自定義組件。

function registerCustomComponents() {
    var ui = DevExpress.ui;

    ui.registerComponentKoBinding('accordion');
    // register other components
}

    在所有的代碼執行后再執行這個功能，這里有一個已經修改過的app.js文件示例：

window.DxSample = window.DxSample || {};

$(function () {
    function registerCustomComponents() {
        var ui = DevExpress.ui;

        ui.registerComponentKoBinding('accordion');
        // register other components
    }

    app = new DevExpress.framework.html.HtmlApplication({
        ns: DxSample,
        viewPortNode: document.getElementById("viewPort"),
        defaultLayout: DxSample.config.defaultLayout,
        navigation: DxSample.config.navigation
    });
    app.router.register(":view/:id", { view: "Index", id: undefined });
    registerCustomComponents();
});

慧都學院2017全新DevExpress線下研修班火熱報名中！