解决方案 »

  1.   

    Wijmo 5是一组JavaScript控件,但是不要与Widgets混淆。在语法和API接口方面做了突破,Wijmo 5框架直接采用了ECMAScript 5。我们的源码使用TypeScript,这使得开发非常容易。如,使用它创建了控件基类(Base Control Class), 所有的控件均派生自该基类。
    JS的控件如同类对象一样,大小写敏感,且提供了构造函数用于初始化,同时也提供了属性、方法、事件。
    如,FlexGrid控件可通过如下方法进行初始化:
    //初始化FlexGrid实例对象为一个DOM element
    var myFlexGrid = new wijmo.grid.FlexGrid('#FlexGrid1');
    属性
    在我们的ES 5控件中,我们采用了Object.defineProperty()。这种方法使得我们可以在JS下像使用.NET控件一样便捷。因为,这种方法允许我们定义属性的getters和setters接口,因此,我们可以按照写.NET代码的逻辑思路直接调用属性,非常方便。
    设置控件的属性非常方便,直接赋值即可,完全不用通过函数调用来实现。
    //设置FlexGrid可编辑
    myFlexGrid.isReadOnly = false;
    还可通过类似的方法对事件进行赋值、检查属性是否有值。 如果IDE支持只能感知(如VS 2013), 则可通过智能感知的自动完成功能来对控件属性赋值。智能感知对于使用控件来说,非常便捷,可以很好的提高工作效率。
    方法
    Wijmo 5中的方法使用起来非常方便,可直接通过控件调用控件对应的方法,且调试比较方便。
    //刷新FlexGrid控件,以引起relayout和redraw
    myFlexGrid.refresh();
    对比JS Widget 调用刷新的方法
    //刷新Wijmo Grid Widget
    $('#WijmoGrid1').wijgrid('doRefresh');
    如同上面的属性一样,依赖字符串大小写调用方法,调试错误则非常麻烦。下面用表对Wijmo 5 Control和JS Widget进行对比如果仍有疑问您可以参考资料http://www.evget.com/product/3506 希望可以帮带您!