zoukankan      html  css  js  c++  java
  • 2017-08-16 BEX5下集成FullCalendar

    实现版本 BEX5 3.6

    集成前准备:

    直接网上查找FullCalendar获得插件文件

    fullcalendar.min.css
    fullcalendar.min.js
    fullcalendar.print.min.css
    moment.js

    集成步骤:

    1 把以上文件放到UI2下的某一目录下 我放到.W文件的同级目录下

    2 调用插件函数前加载插件依赖文件

    require("css!./fullcalendar.min").load();
    // 因为引入时包含参数,所以只能采用jquery进行加入到头标签或者直接把代码放到.W文件源文件window节点下
    $("<link href='"+require.toUrl("./fullcalendar.print.min.css")+"' rel='stylesheet' media='print' />").appendTo("head");        
    require("./fullcalendar.min");

    其中,加载 fullcalendar 时,它会先去加载moment文件,本来在同级目录下放了这个文件就能加载到,但是BEX5加载同级目录需要使用./或者全路径,如果直接使用路径 文件名,它会去门户目录下查找是否存在有这个文件,所以上面加载时候只能使用 ./文件名 的路径来加载;同时加载moment的代码是直接写在fullcalendar 中的,所以需要改写里面的代码,把它指向正确的位置

    原代码:

    define(["jquery","moment"],t)

    更改为

    define(["jquery","./moment"],t)

    新的路径根据自己的实际进行书写

    3 调用插件的方法

    $('#calendar').fullCalendar({
      // 参数内容查找网上的API
    });
  • 相关阅读:
    linux使用shell执行一个Python文件
    shell编程
    mysql之通过cmd连接远程数据库
    单词辨析
    安全测试
    Linux下使用crontab执行一个shell脚本
    重新梳理Linux系统中Python环境的问题
    selenium 定位元素不稳定怎么解决?
    爬虫数据分析的前景
    Linux下部署python selenium UI自动化测试
  • 原文地址:https://www.cnblogs.com/WongHugh/p/7374548.html
Copyright © 2011-2022 走看看