How to set indentation of array's elements in Java Script source code in Eclipse?

Question

How can I configure formatting options in Eclipse for Java Script source code so that having this code:

var o = {
    items: [{
        xtype: 'grid',
        columns: [<cursor here>{header: 'Column One'}],
    }],
};

after pressing Enter I get this

var o = {
    items: [{
        xtype: 'grid',
        columns: [
            {header: 'Column One'}],
    }],
};

instead of the default:

var o = {
    items: [{
        xtype: 'grid',
        columns: [
                  {header: 'Column One'}],
    }],
};

I'd like to have initializers of array's elements indented with one level of indentation (tab in my case) not aligned with the opening bracket. I can't get the right indentation even manually - given this code

var o = {
    items: [{
        xtype: 'grid',
        columns: [
{header: 'Column One'}], // cursor at the beginning of this line
    }],
};

after pressing Tab twice I get the same indentation as after pressing Enter above.
I'm using JavaScript Development Tools ver. 1.3.0.v201103031824 from Eclipse Web Tools Platform.

Answer 1

Hope this helps albeit a bit late...

You can change the Formatter for JavaScript in Eclipse->Preferences
Goto JavaScript->Code Style->Formatter

Edit to create your custom profile and make changes to the following:
In the Line Wrapping Tab

• Change Default Indentation for array Initializers to "1"
• Select Expressions->Array Initializers and set the line wrapping policy as desired. Wrap all except first seemed OK to me.
• Change Indentation policy for the above to "Indent by one"
• Check the box to have the effect always regardless of whether or not a Wrap is required. 框以始终具有效果，而不管是否需要包装。