如題。
介面希望以下
http://examples.sencha.com/extjs/6.2.0/examples/kitchensink/#calendar-panel
目前已有一包 Calendar Package,但不知道如何修改它
查到的資料是 http://docs.sencha.com/extjs/6.2.0/guides/components/calendar.html
但我按照 code 寫也沒辦法 work (也不確定程式要放在哪個位置)
主要問題是,請問有沒有(網上)中文說明能夠說 Calendar Package 的使用方法及資料庫的引用(之後資料要串 oracle的)
這項是 p.s. 我找到的是 http://extjs.org.cn/node/441 我的 package 是 6.2
一直都是使用網上強者用jquery開發的fullcalendar,
而且fullcalendar 也被轉成配合各種前端框架使用。
因為不懂ExtJs,公司也以jquery為主。所以沒發現這套強大的行事曆。謝謝推薦。
討論一下我看你引用的手冊後的心得。做一些對照。
以fullcalendar而言
$('#calendar').fullCalendar({
…省略…
events: {
//
url: 'bm30108_getcalendar.jsp?UserID=' + hnUserId,
error: function() {
$('#script-warning').show();
}
},
…省略…
敝公司用jsp(bm30108_getcalendar.jsp) 連oracle,抓資料後排成符合fullCalendar規範的json data 回傳。
在你引用的ExtJs calendar,也有類似的作法,
Ext.define('KitchenSink.view.calendar.Panel', {
…省略…
store: {
autoLoad: true,
proxy: {
type: 'ajax',
url: '/KitchenSink/CalendarFull'
}
}
…省略…
ExtJs calendar 可能是支持多套行事曆的關係,Multi-Calendar Support
可以把calendar 和event 分段載入。
如範例
Ext.create({
xtype: 'calendar',
renderTo: Ext.getBody(),
height: 400,
width: 600,
store: {
autoLoad: true,
proxy: {
type: 'ajax',
url: 'calendars.php'
},
eventStoreDefaults: {
proxy: {
type: 'ajax',
url: 'events.php'
}
}
}
});
手冊上有規範calendars,events的json 基本格式。
可以照樣開在 db 的table裏。
之後 再逐筆逐欄位的 轉成json。
敝公司是用 一套粉老的simplejson JAVA LIBRARY 來從jdbc sql 轉json。
謝謝分享,不過 EXTJS 的缺點還是有,
像是它程式碼很厚,
有許多限制寫作上的限制。
如果沒有"多"日曆Multi-Calendar Support的需求,fullcalendar應該足夠應付。而且 sencha(EXTJS)的授權費用很貴,如果是gpl版的,
If you create software that uses GPL, you cannot release your work on Apple’s App Store.
也有限制。
誠如你所說,它的開發,挺不直覺的,要編譯。
在chrome上沒法直覺的除錯,下中斷點。
還是有專屬的chrome 外掛。
fullcalendar很流行,stackoverflow上的問答很多。
幾乎夠用。愈鑽研,愈發現功能豐富。