harrydeluxe / extjs-ux Goto Github PK

1. Current plupload.Uploader creation is buggy
   Example:

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
        });

1. Impossible to add custom plupload settings like multi_selection.
   why not create a backup for pluploader settings in construction:

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

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.

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

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.

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.

I try to use the aceeditor but it doesn't work.
I became a js error:

me.editor = ace.edit(me.editorId);

Whit Ext 4.2.0 beta i got this error : Uncaught TypeError: Cannot set property 'getTableTpl' 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

Hello,

Can you please update Tiles view with Ext JS 5/6.

Its urgent.

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);
    },

Please support Extjs 5

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.

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

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.

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.

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":

1. TinyMCE.js

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
    ...
}

2. TinyMCE.js

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);
    }
},

3. TinyMCE.js

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

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

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);        
},

with extjs 4.2.0 works ok.

with extjs 4.2.1 fire this exception:

Uncaught TypeError: Cannot call method 'getColumns' of undefined