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线下研修班火热报名中！

• WinForms控件学习+实践的不二之选——DevExpress WinForm提升班
• 高效的MVVM开发模式，WPF开发首选培训平台——DevExpress WPF提升班
• 手把手将您快速开发出完美、强大的ASP应用程序——DevExpress ASP.NET提升班