Filter Grid from Textfield outside of grid?

[Tbaseflug]

I have a gridpabnel - and a textfield outside of the gridpanel - how do I filter the grid from the textfield and not use the gridfilter input?

[bobs]

Please try like this ....

<ext:TextField ID="searchText" runat="server" Text="" EnableKeyEvents="true">
    <Listeners>
    <KeyUp Fn="searchColumn_KeyUp" />
    </Listeners>
 </ext:TextField>


// Javascript ...
<script language="javascript" type="text/javascript">

function searchColumn_KeyUp()
{
    var searchString = searchText().getValue().trim();

   Store().filterBy(getFilterRecord('userName', searchString)); /Store = Grid Store,  userName = Grid column dataIndex name 
}

function filterString(value, dataIndex, record)
{
    var val = record.get(dataIndex);
    if (typeof val != "string")
    {
        return value.length == 0;
    }
    return val.toLowerCase().indexOf(value.toLowerCase()) > -1;
}

function getFilterRecord(field, searchString)
{
    var f = [];

    f.push({
        filter: function(record)
        {
            return filterString(searchString, field, record);
        }
    });

    var len = f.length;
    return function(record)
    {
        for (var i = 0; i < len; i++)
        {
            if (!f[i].filter(record))
            {
                return false;
            }
        }
        return true;
    };
}

</script>

Hope this helps...

[jchau]

How can I accomplish the same thing with remote filtering and paging?

[jchau]

It would be great if we can get this plugin into Coolite:

http://extjs.com/forum/showthread.php?t=23615

It's WAY better than the current grid filters. Most users have trouble finding the current grid filters.

[geoffrey.mcgill]

It would be great if we can get this plugin into Coolite:


http://extjs.com/forum/showthread.php?t=23615

</p>

Hi Jacky,</p>

I agree it would be a nice addition, but unfortunately, we're prevented from incorportating the plugin because of licensing restrictions applied by the author.</p>


</p>