[1.0] Grid RowActions Plugin

**jsakalos** · 21 May 2009 1:30 PM

I see. Have you tried RegExp::escape from the link I've posted?

**fshort** · 21 May 2009 1:36 PM

I've did an override of the click handler in my code and used Ext.escapeRe(groupId) which seems to be doing the trick.

Is this something you'd look to fold into a future patch/fix?

**jsakalos** · 21 May 2009 1:57 PM

Definitely. Can you post the chunk of the code you modified?

**fshort** · 21 May 2009 2:27 PM

Content I changed in red below:

Code:

// get matching records
var records;
if (groupId){
var re = new RegExp(Ext.escapeRe(groupId));
records = this.grid.store.queryBy(function(r){ 
return r._groupId.match(re);
}); 
records = records ? records.items :[];
}

**jsakalos** · 21 May 2009 2:32 PM

Hmmm, I'm now checking my code and it already contains RegExt escaping of the group field. You must be running some older version of RowActions.

**fshort** · 22 May 2009 8:15 AM

Ah, I checked your code yesterday before I posted but must have missed it looking for "escapeRe".

I'm on 1.0 right now so I'll grab the latest. Thanks for the help.

**jsakalos** · 22 May 2009 9:24 AM

Devel version is always latest.

**wki01** · 3 Jun 2009 10:56 PM

Originally Posted by jsakalos

Devel version is always latest.

What is (where) the devel version?

thanks

**jsakalos** · 4 Jun 2009 12:42 AM

Originally Posted by wki01

What is (where) the devel version?

thanks

Lower left at demo page http://rowactions.extjs.eu

**flylaputa** · 4 Jun 2009 1:48 AM

Hi,

This is a great extension. I have some problem when using text together with an icon. If the text is too long to fit into existing space, it overlays the icon. I couldn't figure out how to fix this.

I attach my code and a result of the code.

Code:

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <link rel="stylesheet" type="text/css" href="../../../ext-3.0-rc2/resources/css/ext-all.css">
  <script type="text/javascript" src="../../../ext-3.0-rc2/adapter/ext/ext-base.js"></script>
  <script type="text/javascript" src="../../../ext-3.0-rc2/ext-all-debug.js"></script>
  <script type="text/javascript" src="../../Ext/ux/Ext.ux.grid.RowActions.js"></script>
  <link rel="stylesheet" type="text/css" href="../../Ext/ux/Ext.ux.grid.RowActions.css" />
  <link rel="stylesheet" type="text/css" href="../../TDGi.icons/css/TDGi.icons.css" />
  <title id="page-title">Title</title>
  <script type="text/javascript">
  Ext.BLANK_IMAGE_URL = '../../../ext-3.0-rc2/resources/images/default/s.gif';
 
Ext.onReady(function() {
    Ext.QuickTips.init();
    var aData = [
        ['A short name', 'Some other field'],
        ['A long name that overflows existing space', 'Some other field']
    ];
    var aColumn = new Ext.ux.grid.RowActions({
        autoWidth: false,
        dataIndex: 'name',
        header: 'Name',
        menuDisabled: false,
        sortable: true,
        width: 100,
        actions: [{
            iconCls: 'icon-report',
            textIndex: 'name'
        }]
    });
    var aReader = new Ext.data.ArrayReader({}, [
        {name: 'name'},
        {name: 'field2'}
    ]);
    var aStore = new Ext.data.Store({
        data: aData,
        reader: aReader
    });
    var aPanel = new Ext.Panel({
        title: 'Title',
        layout: 'fit',
        items: [new Ext.grid.GridPanel({
            border: false,
            //viewConfig: {forceFit: true},
            plugins: [aColumn],
            cm: new Ext.grid.ColumnModel([
                aColumn,
                {header: 'Field2', width: 80, sortable: true, dataIndex: 'field2'}
            ]),
            store: aStore
        })]
    });
    var mainPortal = new Ext.Panel({
        width: 200,
        height: 200,
        renderTo: document.body,
        id: 'mainPortal',
        layout: 'fit',
        items: [
            aPanel
        ]
    });
});
  </script>
</head>
<body style="margin:40px">
</body>
</html>

[1.0] Grid RowActions Plugin

Thread Tools

Search Thread

Display