JqueryUI甘特图源码_f5d014bf-c4cb-4a76-b825-cdbbdd0fcfc7.rar

  • z8_740772
    了解作者
  • 117.4KB
    文件大小
  • rar
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-06-02 03:42
    上传日期
JqueryUI甘特图源码,仅供学习用。
JqueryUI甘特图源码_f5d014bf-c4cb-4a76-b825-cdbbdd0fcfc7.rar
  • css
  • img
  • grid.png
    1016B
  • slider_handle.png
    1.6KB
  • loader_bg.png
    21.8KB
  • glyphicons-halflings.png
    12.5KB
  • glyphicons-halflings-white.png
    8.6KB
  • icon_sprite.png
    1.9KB
  • prettify.css
    1.9KB
  • bootstrap.css
    121.3KB
  • style.css
    8.6KB
  • index.html
    11.2KB
  • js
  • jquery-1.7.2.min.js
    92.6KB
  • jquery.fn.gantt.js
    76.9KB
  • prettify.js
    13.3KB
  • bootstrap-popover.js
    3.1KB
  • bootstrap-tooltip.js
    7.7KB
内容介绍
<!doctype html> <html lang="en-au"> <head> <title>jQuery.Gantt</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1" > <link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/bootstrap.css" /> <link rel="stylesheet" href="css/prettify.css" /> <style type="text/css"> body { font-family: Helvetica, Arial, sans-serif; font-size: 13px; padding: 0 0 50px 0; } .contain { width: 800px; margin: 0 auto; } h1 { margin: 40px 0 20px 0; } h2 { font-size: 1.5em; padding-bottom: 3px; border-bottom: 1px solid #DDD; margin-top: 50px; margin-bottom: 25px; } table th:first-child { width: 150px; } </style> </head> <body> <div class="contain"> <h1> jQuery.Gantt <small>&mdash; Draw Gantt charts with the famous jQuery ease of development</small> </h1> <h2>Contributors</h2> <ul> <li> <strong>Marek Bielańczuk</strong> wrote the original jQuery.Gantt plugin that this version is based off of. </li> <li> <strong>Tait Brown</strong> enforced stricter code guidelines by validating the code, updating it to support HTML5 and tweaking the design. </li> <li> <strong>Leo Pfeifenberger</strong> made <em>major</em> performance updates as well as adding requested features such as click events, state persisting via cookies and scrollToToday on load functionality. </li> </ul> <h2> Example </h2> <div class="gantt"></div> <h2> Gantt Configuration </h2> <pre class="prettyprint"> $(".selector").gantt({ source: "ajax/data.json", scale: "weeks", minScale: "weeks", maxScale: "months", onItemClick: function(data) { alert("Item clicked - show some details"); }, onAddClick: function(dt, rowId) { alert("Empty space clicked - add an item!"); }, onRender: function() { console.log("chart rendered"); } }); </pre> <table class="table table-striped"> <thead> <tr> <th> Parameter </th> <th> Default </th> <th> Accepts Type </th> </tr> </thead> <tbody> <tr> <td> <code>source</code> </td> <td> null </td> <td> Array, String (url) </td> </tr> <tr> <td> <code>itemsPerPage</code> </td> <td> 7 </td> <td> Number </td> </tr> <tr> <td> <code>months</code> </td> <td> ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"] </td> <td> Array </td> </tr> <tr> <td> <code>dow</code> </td> <td> ["S", "M", "T", "W", "T", "F", "S"] </td> <td> Array </td> </tr> <tr> <td> <code>navigate</code> </td> <td> "buttons" </td> <td> String ("buttons","scroll") </td> </tr> <tr> <td> <code>scale</code> </td> <td> "days" </td> <td> String </td> </tr> <tr> <td> <code>maxScale</code> </td> <td> "months" </td> <td> String </td> </tr> <tr> <td> <code>minScale</code> </td> <td> "hours" </td> <td> String </td> </tr> <tr> <td> <code>waitText</code> </td> <td> "Please Wait..." </td> <td> String </td> </tr> <tr> <td> <code>onItemClick: </code> </td> <td> <code>function (data) { return; }</code></td> <td> a JS Function that gets called when clicking on a Gantt-Item. <br />The parameter passed to the function is the dataObj of the item</td> </tr> <tr> <td> <code>onAddClick</code></td> <td> <code>function (dt, rowId) { return; }</code></td> <td> a JS Function that gets called when clicking on a Gantt-Item. <br />The parameter passed to the function is the DateTime in ms for the clicked Cell, and the ID if the source object (row)</td> </tr> <tr> <td> <code>onRender</code></td> <td> <code>function () { return; }</code></td> <td> a JS Function called whenever the chart is (re)rendered</td> </tr> <tr> <td> <code>useCookie</code></td> <td> <code>false</code></td> <td> indicates if cookies should be used to track the chart's state (scale, scrollposition) between postpacks<br /> <code>jquery.cookie.js</code> needs to be referenced for this to work</td> </tr> <tr> <td> <code>scrollToToday</code></td> <td> <code>true</code></td> <td> Boolean</td> </tr> </tbody> </table> <h2> Source Configuration </h2> <pre class="prettyprint"> source: [{ name: "Example", desc: "Lorem ipsum dolor sit amet.", values: [ ... ] }] </pre> <table class="table table-striped"> <thead> <tr> <th> Parameter </th> <th> Default </th> <th> Accepts Type </th> <th> Meaning </th> </tr> </thead> <tbody> <tr> <td> <code>name</code> </td> <td> null </td> <td> String </td> <td> Bold value in the left-most column of the gantt row. </td> </tr> <tr> <td> <code>desc</code> </td> <td> null </td> <td> String </td> <td> Secondary value in the gantt row. </td> </tr> <tr> <td> <code>values</code> </td> <td> null </td> <td> Array </td> <td> Collection of date ranges for gantt items. See next table. </td> </tr> </tbody> </table> <h2> Value Configuration </h2> <pre class="prettyprint"> values: [{ to: "/Date(1328832000000)/", from: "/Date(1333411200000)/", desc: "Something", label: "Example Value", customClass: "ganttRed", dataObj: foo.bar[i] }] </pre> <table class="table table-striped"> <thead> <tr> <th> Parameter </th> <th> Accepts Type </th> <th> Meaning </th> </tr> </thead> <tbody> <tr> <td> <code>to</code> </td> <td> String (Date) </td> <td> - </td> </tr> <tr> <td> <code>from</code> </td> <td> String (Date) </td> <td> - </td> </tr> <tr> <td> <code>desc</code> </td> <td> String </td> <td> Text that appears on hover, I think? </td> </tr> <tr> <td> <code>label</code> </td> <td> String </td> <td> Appears on the gantt item. </td> </tr> <tr> <td> <code>customClass</code> </td> <td> String </td> <td> Custom class to be applied to the gantt item. <
评论
    相关推荐
    • jQuery 甘特图
      jQuery 实现计划甘特图,适用,美观
    • jquery甘特图
      jquery甘特图最新版本,英文原版,整合外链js。
    • jQuery 甘特图 开源插件
      *基于jQuery 3.2 * MIT许可:您可以在任何地方重复使用 * JSON导入导出 *国际化 *管理任务状态 - >项目工作流程 *管理依赖项 *管理任务(资源,角色工作) *服务器同步就绪 *完全撤消 - 重做支持 *跨浏览器(至少...
    • jQuery甘特图日程图横道图插件.zip
      jQuery甘特图日程图横道图插件
    • jquery甘特图插件开源
      jquery甘特图插件开源,比较美观,简单易用
    • jQuery甘特图例子
      jQuery实现的甘特图的控件,方便开发基于cloud的项目管理软件
    • 【原创】jquery甘特图插件
      jquery 甘特图插件,有已用时间阴影,有实际与计划时间对比,有审核节点显示。自开发插件,可二次开发,可定制。
    • jquery甘特图可视化插件
      ganttView的甘特图可视化插件,貌似只支持显示,不支持在线编辑,可以一起研究。 jQuery.ganttView The jQuery.ganttView plugin is a very lightweight plugin for creating a Gantt chart in plain ...
    • jquerygantt轻量级的jQuery甘特图插件
      jquery-gantt:轻量级的jQuery甘特图插件
    • PS_GanttView:一个 jQuery 甘特图插件
      一个 jQuery 甘特图插件 ###Introduction PS_GanttView 是一个 jQuery 插件,用于显示来自 JSON 数据集合的简单甘特图或时间表。 ###Usage 将 jQuery.PS_GanttView.js 和 PS_GanttView.css 包含到您的项目中。 有...