+++ /dev/null
-<html>\r
-<head>\r
- <title>The source code</title>\r
- <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
- <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
-</head>\r
-<body onload="prettyPrint();">\r
- <pre class="prettyprint lang-js">// Grid column plugin that does the complete/active button in the left-most column\r
-CompleteColumn = function(){\r
- var grid;\r
-\r
- function getRecord(t){\r
- var index = grid.getView().findRowIndex(t);\r
- return grid.store.getAt(index);\r
- }\r
-\r
- function onMouseDown(e, t){\r
- if(Ext.fly(t).hasClass('task-check')){\r
- e.stopEvent();\r
- var record = getRecord(t);\r
- record.set('completed', !record.data.completed);\r
- grid.store.applyFilter();\r
- }\r
- }\r
-\r
- function onMouseOver(e, t){\r
- if(Ext.fly(t).hasClass('task-check')){\r
- Ext.fly(t.parentNode).addClass('task-check-over');\r
- }\r
- }\r
-\r
- function onMouseOut(e, t){\r
- if(Ext.fly(t).hasClass('task-check')){\r
- Ext.fly(t.parentNode).removeClass('task-check-over');\r
- }\r
- }\r
-\r
- Ext.apply(this, {\r
- width: 22,\r
- header: '<div class="task-col-hd"></div>',\r
- fixed: true,\r
- menuDisabled: true,\r
- id: 'task-col',\r
- renderer: function(){\r
- return '<div class="task-check"></div>';\r
- },\r
- init : function(xg){\r
- grid = xg;\r
- grid.on('render', function(){\r
- var view = grid.getView();\r
- view.mainBody.on('mousedown', onMouseDown);\r
- view.mainBody.on('mouseover', onMouseOver);\r
- view.mainBody.on('mouseout', onMouseOut);\r
- });\r
- }\r
- });\r
-};\r
-\r
-\r
-ReminderColumn = function(){\r
- var grid, menu, record;\r
-\r
- function getRecord(t){\r
- var index = grid.getView().findRowIndex(t);\r
- return grid.store.getAt(index);\r
- }\r
- \r
- function onMenuCheck(item){\r
- if(item.reminder === false){\r
- record.set('reminder', '');\r
- }else{\r
- var s = record.data.dueDate ? record.data.dueDate.clearTime(true) : new Date().clearTime();\r
- s = s.add('mi', Ext.state.Manager.get('defaultReminder'));\r
- s = s.add('mi', item.reminder*-1);\r
- record.set('reminder', s);\r
- }\r
- }\r
-\r
- function getMenu(){\r
- if(!menu){\r
- menu = new Ext.menu.Menu({\r
- plain: true,\r
- items: [{\r
- text: 'No Reminder',\r
- reminder: false,\r
- handler: onMenuCheck\r
- },'-',{\r
- text: 'On the Due Date',\r
- reminder: 0,\r
- handler: onMenuCheck\r
- },'-',{\r
- text: '1 day before',\r
- reminder: 24*60,\r
- handler: onMenuCheck\r
- },{\r
- text: '2 days before',\r
- reminder: 48*60,\r
- handler: onMenuCheck\r
- },{\r
- text: '3 days before',\r
- reminder: 72*60,\r
- handler: onMenuCheck\r
- },{\r
- text: '1 week before',\r
- reminder: 7*24*60,\r
- handler: onMenuCheck\r
- },{\r
- text: '2 weeks before',\r
- reminder: 14*24*60,\r
- handler: onMenuCheck\r
- },'-',{\r
- text: 'Set Default Time...',\r
- handler: function(){\r
- Ext.air.NativeWindowManager.getPrefWindow();\r
- }\r
- }]\r
- });\r
- }\r
- return menu;\r
- }\r
-\r
- function onMouseDown(e, t){\r
- if(Ext.fly(t).hasClass('reminder')){\r
- e.stopEvent();\r
- record = getRecord(t);\r
- if (!record.data.completed) {\r
- var rmenu = getMenu();\r
- rmenu.show(t, 'tr-br?');\r
- }\r
- }\r
- }\r
-\r
- function onMouseOver(e, t){\r
- if(Ext.fly(t).hasClass('reminder')){\r
- Ext.fly(t.parentNode).addClass('reminder-over');\r
- }\r
- }\r
-\r
- function onMouseOut(e, t){\r
- if(Ext.fly(t).hasClass('reminder')){\r
- Ext.fly(t.parentNode).removeClass('reminder-over');\r
- }\r
- }\r
-\r
- Ext.apply(this, {\r
- width: 26,\r
- header: '<div class="reminder-col-hd"></div>',\r
- fixed: true,\r
- id: 'reminder-col',\r
- menuDisabled: true,\r
- dataIndex:'reminder',\r
- renderer: function(v){\r
- return '<div class="reminder '+(v ? 'reminder-active' : '')+'"></div>';\r
- },\r
- init : function(xg){\r
- grid = xg;\r
- grid.on('render', function(){\r
- var view = grid.getView();\r
- view.mainBody.on('contextmenu', onMouseDown);\r
- view.mainBody.on('mousedown', onMouseDown);\r
- view.mainBody.on('mouseover', onMouseOver);\r
- view.mainBody.on('mouseout', onMouseOut);\r
- });\r
- }\r
- });\r
-};</pre> \r
-</body>\r
-</html>
\ No newline at end of file
git.ithinksw.org / extjs.git / blobdiff