harrydeluxe / extjs-ux Goto Github PK
View Code? Open in Web Editor NEWSome Plugins and Extensions for EXT JS 4
License: MIT License
Some Plugins and Extensions for EXT JS 4
License: MIT License
In the example http://harrydeluxe.github.io/extjs-ux/example/grid/dragselector.html
Dragging and selecting to the bottom right corner of the grid causes the grid to scroll down infinitely.
file: Basic.js
method: removeUploaded
If you remove some records in each cycle, you must to use reverse method.
Tut mir leid, store.each does not support reverse mode
Here is my patch (bad style, no time to optimizing)
removeUploaded: function() {
var a = [];
this.store.each(function(record)
{
if(record && record.get('status') == 5)
{
a.push(record.get('id'));
}
}, this);
Ext.Array.each(a, function(value) {
this.removeFile(value);
},this,true);
},
Thanks for writing this great module, I embedded ace editor in my project following the example of
https://github.com/harrydeluxe/extjs-ux/blob/master/example/aceeditor/aceeditor.html
Wonder if there is a way to enable auto-completion. I saw latest ace editor has the extension to support it, just curious if you plan to plan to bring it in this module as well.
Autocompletion is very cool, it would be nice if I can have it in my extjs based app.
Thanks in advance
me.uploader = Ext.create('plupload.Uploader', {
url: me.url,
runtimes: me.runtimes || runtimes,
browse_button: me.browse_button || null,
// container: this.getTopToolbar().getEl().dom.id,
max_file_size: me.maxFileSize || '10mb',
resize: me.resize || '',
flash_swf_url: me.flash_swf_url || '',
silverlight_xap_url: me.silverlight_xap_url || '',
java_applet_url: me.java_applet_url || '',
filters: me.filters || [],
chunk_size: me.chunk_size,
unique_names: me.unique_names || true, // true even if setted to false
multipart: me.multipart || true, // true even if setted to false
multipart_params: me.multipart_params || {},
drop_element: me.dropElement || null,
required_features: me.required_features
});
me.uploaderConfig = Ext.apply(me, config.uploader, me.configs.uploader);
and use it for pluploader creation (initializeUploader function) :
if (!me.uploaderConfig.runtimes) {
var runtimes = ['html5'];
me.uploaderConfig.flash_swf_url && runtimes.push('flash');
me.uploaderConfig.silverlight_xap_url && runtimes.push('silverlight');
runtimes.push('html4');
me.uploaderConfig.runtimes = runtimes.join(',');
}
me.uploader = Ext.create('plupload.Uploader', me.uploaderConfig);
Created a gist with some modifications
https://gist.github.com/d5b7e76c8acc16742cdc
See you
Please support Extjs 5
Hi,
Thanks for the wonderful plugin. Its works as expected when used in the application and accessed without minify.
But when used with Sencha Cmd, getting parse exception for TinyMCEWindowManager. Identified that it is extending tinymce.WindowManager.
Tried step as mentioned here http://www.sencha.com/forum/showthread.php?170566-Tinymce-with-Ext-4.0.7&p=980917&viewfull=1#post980917. It didnt resolve the build error.
Are there any other changes to be done ? It would be helpful to all seeking this issue who uses sencha cmd.
Thanks,
Madan N
I am getting an error if I am removing form panel with tinymce field which is not yet shown to user. Here is an example with the field in a tab. If you close tab then you get an error Uncaught TypeError: Cannot call method 'destroy' of undefined
. But you won't get the error if you open the tab and then close it afterwards.
You could solve this by checking whether the tinymce object is initialized:
ux/form/field/TinyMCE.js
onDestroy: function()
{
var me = this;
//me.editor.remove();
if(me.editor){
me.editor.destroy();
}
me.callParent(arguments);
},
Hi There,
I can't seem to get your upload plugin working in IE. It works for FF and Chrome without a problem, but IE 8 & 9 it doesn't like it.
The problem seems to be when I place the "browse / search for files" button into any other component. Ie Docked toolbar, or Panel etc. The button appears in IE but the file browser doesn't open when clicked. In other words, nothing happens.
Thank you in advance
open the demo(http://harrydeluxe.github.com/extjs-ux/example/aceeditor/aceeditor.html) in IE8/9,click the Gutter area, Error : 'domEvent.target.className' Is null or not an object
then,hit ctrl-f, type 'items', editor jumps to the 'items' in line 2 (function foo(items) {), but then deletes the word and replaces it with an 'f' (becomes function foo(f) { ). cursor left between f and (, no selection
hitting ctrl+z restores the 'items' and sets the selection to 'items', implying the find-and-select activity did work fine, but unfortunately the f from the ctrl-f has come through as a keystroke afterwards.
with extjs 4.2.0 works ok.
with extjs 4.2.1 fire this exception:
Uncaught TypeError: Cannot call method 'getColumns' of undefined
On IE6 or IE7 i get this error, on other browsers is fine.
SCRIPT5007: Unable to get value of the property 'getScroll': object is null or undefined
if (Ext.isIE) { setTimeout(function() { this.scroller.scrollTo('top', this.scroller.getScroll().top - 40); //bug }, 100); } else {
DragSelector.js
Whit Ext 4.2.0 beta i got this error : Uncaught TypeError: Cannot set property 'getTableTpl' of undefined
In the example http://harrydeluxe.github.io/extjs-ux/example/grid/tileview.html
Dragging and selecting something and then switching over to icon view, tile view, detail view etc, makes the drag selector rectangle invisible, the selection works but the rectangle becomes invisible.
Hello!
Error is in
ux/form/field/tinymce/themes/advanced/editor_template.js
In editor_template_src.js it's in line 1451
I think that
ed.windowManager.confirm('advanced.newdocument', function(s) {...
must be something like this
ed.windowManager.confirm(ed.translate('advanced.newdocument'), function(s) {
Thank you.
the getValue() method of Editor.js in the Ace panel doesn't actually return the value as it's missing the return at the start.
Hello,
Can you please update Tiles view with Ext JS 5/6.
Its urgent.
In tinymce example add any button that opens modal window (ie Media, Images). Click that button and try to fill any textfield, textarea or select. Firefox 12 seems to switch focus immediately after an item is being clicked, making the action impossible to complete.
I try to use the aceeditor but it doesn't work.
I became a js error:
me.editor = ace.edit(me.editorId);
When you have RowEditing and also DragSelector as a plugin for the grid when you click to edit the row I think DragSelector "eats" the onClick event for the RowEditing and prevents you from selecting/focusing a cell/form/input to edit.
Hi! I just wanted to let you know that me and my colleagues have encountered (and fixed for ourselves, hope it's useful to you too) a few "bugs":
It wouldn't load any custom setup configuration given in the tinyMCE configuration object. This does the trick:
me.tinymceConfig.setup = function(editor){
// Load custom setup
me.tinymceConfig.mysetup(editor); //called as an external function giving the editor as argument
...
}
Completely redifined the onResize function and added the onResize event in function initEditor. Here's the body of the new function:
onResize: function(component, adjWidth, adjHeight)
{
if(component.iframeEl)
{
// CIRSFID octavian-marco : width and height changed
component.iframeEl.setWidth(this.getWidth());
component.iframeEl.setHeight(this.getHeight()-45);
}
if(component.tableEl)
{
// CIRSFID octavian-marco : width changed and height changed
component.tableEl.setWidth(this.getWidth());
component.tableEl.setHeight(this.getHeight()-45);
}
},
Fired resize event to adapt the editor's size to the parent panel.
editor.onPostRender.add(function(editor)
{
....
me.fireEvent('resize', me);
...
}
}
Have a nice day!
Marco Chiappetta
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.