彩票走势图

DevExpress DXTREME使用教程:如何在应用程序中使用第三方jQuery插件

原创|使用教程|编辑:郝浩|2013-04-08 13:48:48.000|阅读 826 次

概述:DXTREME HTML/JS应用程序创建了一个HTML文档,如果想要在DXTREME应用程序中使用第三方jQuery插件,jQuery插件需要找到一个HTML节点,然后分配给它。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:


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



标签:DevExpressHTML5/JS

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都控件

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP