DXTREME ENTERPRISE HTML/JS應(yīng)用程序創(chuàng)建了一個(gè)HTML文檔，如果想要在DXTREME應(yīng)用程序中使用第三方j(luò)Query插件，jQuery插件需要你找到一個(gè)HTML節(jié)點(diǎn)，然后分配給它。所以說用于搜索HTML文件以及在分配一個(gè)組件到文件上（HTML文檔創(chuàng)建好之后）的代碼執(zhí)行是非常重要的。

    最簡單的方法就是使用可視化模型事件里的viewShown事件，這個(gè)事件將會(huì)在HTML文檔完全創(chuàng)建之后執(zhí)行。

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

    還有另外一種方法，你可以將jQuery插件轉(zhuǎn)換成Knockout綁定。DXTREME HTML / javascript框架提供的函數(shù)registerComponentKoBinding，將會(huì)自動(dòng)的執(zhí)行這個(gè)功能。這個(gè)參數(shù)將會(huì)接受一個(gè)以參數(shù)命名的組件，然后創(chuàng)建一個(gè)相應(yīng)的jQuery內(nèi)部插件，如果引用這個(gè)相應(yīng)的jQuery 插件庫，這個(gè)組件就會(huì)被創(chuàng)建了。

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

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

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

    在所有的代碼執(zhí)行后再執(zhí)行這個(gè)功能，這里有一個(gè)已經(jīng)修改過的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();
});

慧都學(xué)院2017全新DevExpress線下研修班火熱報(bào)名中！