JQuery.Gantt开发指南（转）

Posted 2020-10-26 himismad

说明

日前需要用到甘特图，以下转载内容源自网络。

---

• 概述

1.JQuery.Gantt是一个开源的基于JQuery库的用于实现甘特图效果的可扩展功能的JS组件库。

•前端页面

o 资源引用
首先我们需要将下载到的源码中的CSS、IMG、JS等资源放入我们自己的项目中，然后在我们自己的页面中引用需要的资源文件。
CSS样式文件：

<link rel="stylesheet" href="css/style.css" />

JS脚本文件：

<script src="js/jquery-1.7.min.js"></script>
<script src="js/jquery.fn.gantt.js" charset ="GB2312"></script>
<script src="js/jquery.cookie.js"></script>

注：如果需要甘特图中显示中文，则需要在js文件引用中加上charset特性并设置为GB2312，否则中文内容将显示为乱码。
页面布局：
在需要显示甘特图的地方加入以下这个div。

<div class="gantt"></div>

•组件配置

Gantt 配置：

$(".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");}});

| 参数 | 默认值 | 接收类型 | 解释 |
| :-------- | --------

以上是关于JQuery.Gantt开发指南（转）的主要内容，如果未能解决你的问题，请参考以下文章

jQuery Gantt Edit:参数以及方法说明

jQuery甘特图

jqueryGannt用法

django.core.exceptions.ImproperlyConfigured: Requested setting DEFAULT_INDEX_TABLESPACE的解决办法(转)(代码片段

django.core.exceptions.ImproperlyConfigured: Requested setting DEFAULT_INDEX_TABLESPACE的解决办法(转)(代码片段

很实用的JQuery代码片段（转）