--- /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"><div id="cls-Ext.DataView.LabelEditor"></div>/**\r
+ * @class Ext.DataView.LabelEditor\r
+ * @extends Ext.Editor\r
+ * \r
+ */\r
+Ext.DataView.LabelEditor = Ext.extend(Ext.Editor, {\r
+ alignment: "tl-tl",\r
+ hideEl : false,\r
+ cls: "x-small-editor",\r
+ shim: false,\r
+ completeOnEnter: true,\r
+ cancelOnEsc: true,\r
+ labelSelector: 'span.x-editable',\r
+ \r
+ constructor: function(cfg, field){\r
+ Ext.DataView.LabelEditor.superclass.constructor.call(this,\r
+ field || new Ext.form.TextField({\r
+ allowBlank: false,\r
+ growMin:90,\r
+ growMax:240,\r
+ grow:true,\r
+ selectOnFocus:true\r
+ }), cfg\r
+ );\r
+ },\r
+ \r
+ init : function(view){\r
+ this.view = view;\r
+ view.on('render', this.initEditor, this);\r
+ this.on('complete', this.onSave, this);\r
+ },\r
+\r
+ initEditor : function(){\r
+ this.view.on({\r
+ scope: this,\r
+ containerclick: this.doBlur,\r
+ click: this.doBlur\r
+ });\r
+ this.view.getEl().on('mousedown', this.onMouseDown, this, {delegate: this.labelSelector});\r
+ },\r
+ \r
+ doBlur: function(){\r
+ if(this.editing){\r
+ this.field.blur();\r
+ }\r
+ },\r
+\r
+ onMouseDown : function(e, target){\r
+ if(!e.ctrlKey && !e.shiftKey){\r
+ var item = this.view.findItemFromChild(target);\r
+ e.stopEvent();\r
+ var record = this.view.store.getAt(this.view.indexOf(item));\r
+ this.startEdit(target, record.data[this.dataIndex]);\r
+ this.activeRecord = record;\r
+ }else{\r
+ e.preventDefault();\r
+ }\r
+ },\r
+\r
+ onSave : function(ed, value){\r
+ this.activeRecord.set(this.dataIndex, value);\r
+ }\r
+});\r
+\r
+\r
+Ext.DataView.DragSelector = function(cfg){\r
+ cfg = cfg || {};\r
+ var view, proxy, tracker;\r
+ var rs, bodyRegion, dragRegion = new Ext.lib.Region(0,0,0,0);\r
+ var dragSafe = cfg.dragSafe === true;\r
+\r
+ this.init = function(dataView){\r
+ view = dataView;\r
+ view.on('render', onRender);\r
+ };\r
+\r
+ function fillRegions(){\r
+ rs = [];\r
+ view.all.each(function(el){\r
+ rs[rs.length] = el.getRegion();\r
+ });\r
+ bodyRegion = view.el.getRegion();\r
+ }\r
+\r
+ function cancelClick(){\r
+ return false;\r
+ }\r
+\r
+ function onBeforeStart(e){\r
+ return !dragSafe || e.target == view.el.dom;\r
+ }\r
+\r
+ function onStart(e){\r
+ view.on('containerclick', cancelClick, view, {single:true});\r
+ if(!proxy){\r
+ proxy = view.el.createChild({cls:'x-view-selector'});\r
+ }else{\r
+ proxy.setDisplayed('block');\r
+ }\r
+ fillRegions();\r
+ view.clearSelections();\r
+ }\r
+\r
+ function onDrag(e){\r
+ var startXY = tracker.startXY;\r
+ var xy = tracker.getXY();\r
+\r
+ var x = Math.min(startXY[0], xy[0]);\r
+ var y = Math.min(startXY[1], xy[1]);\r
+ var w = Math.abs(startXY[0] - xy[0]);\r
+ var h = Math.abs(startXY[1] - xy[1]);\r
+\r
+ dragRegion.left = x;\r
+ dragRegion.top = y;\r
+ dragRegion.right = x+w;\r
+ dragRegion.bottom = y+h;\r
+\r
+ dragRegion.constrainTo(bodyRegion);\r
+ proxy.setRegion(dragRegion);\r
+\r
+ for(var i = 0, len = rs.length; i < len; i++){\r
+ var r = rs[i], sel = dragRegion.intersect(r);\r
+ if(sel && !r.selected){\r
+ r.selected = true;\r
+ view.select(i, true);\r
+ }else if(!sel && r.selected){\r
+ r.selected = false;\r
+ view.deselect(i);\r
+ }\r
+ }\r
+ }\r
+\r
+ function onEnd(e){\r
+ if (!Ext.isIE) {\r
+ view.un('containerclick', cancelClick, view); \r
+ } \r
+ if(proxy){\r
+ proxy.setDisplayed(false);\r
+ }\r
+ }\r
+\r
+ function onRender(view){\r
+ tracker = new Ext.dd.DragTracker({\r
+ onBeforeStart: onBeforeStart,\r
+ onStart: onStart,\r
+ onDrag: onDrag,\r
+ onEnd: onEnd\r
+ });\r
+ tracker.initEl(view.el);\r
+ }\r
+};</pre> \r
+</body>\r
+</html>
\ No newline at end of file
git.ithinksw.org / extjs.git / blobdiff