Greetings
There was a problem with filters,
There is a button which creates Grid in tabPanel.
If already the table is created, the second forms without filters, they are more exact is as I have understood from fireBug but them simply it is not visible
Here my simple example
Extjs 3.3.1
PHP Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title id='title'>test</title>
<link rel="stylesheet" type="text/css" href="/ext/resources/css/ext-all.css">
<!-- ????? ??? ???????? -->
<link rel="stylesheet" type="text/css" href="/ext/examples/ux/gridfilters/css/GridFilters.css" />
<link rel="stylesheet" type="text/css" href="/ext/examples/ux/gridfilters/css/RangeMenu.css" />
<script type="text/javascript" src="/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="/ext/ext-all-debug.js"></script>
<!-- ??????? -->
<script type="text/javascript" src="/ext/examples/ux/gridfilters/GridFilters.js"></script>
<script type="text/javascript" src="/ext/examples/ux/gridfilters/filter/Filter.js"></script>
<script type="text/javascript" src="/ext/examples/ux/gridfilters/filter/StringFilter.js"></script>
<script type="text/javascript" src="/ext/examples/ux/gridfilters/filter/DateFilter.js"></script>
<script type="text/javascript" src="/ext/examples/ux/gridfilters/filter/ListFilter.js"></script>
<script type="text/javascript" src="/ext/examples/ux/gridfilters/filter/NumericFilter.js"></script>
<script type="text/javascript" src="/ext/examples/ux/gridfilters/filter/BooleanFilter.js"></script>
<!-- ??????? ??? ??????? -->
<script type="text/javascript" src="/ext/examples/ux/gridfilters/menu/RangeMenu.js"></script>
<script type="text/javascript" src="/ext/examples/ux/gridfilters/menu/ListMenu.js"></script>
</head>
<body>
<script>
Ext.onReady(function(){
var columns = [{header: "date", fixed: true, dataIndex: "date", xtype: "datecolumn", format: 'd-m-Y', sortable: true, width: 120}];
var transaction = {
xtype: 'grid',
closable: true,
title: 'grid',
store: [],
columns: columns,
plugins: [{ptype: 'gridfilters',filters:[{type: 'date', dataIndex: 'date'}]}],
};
var tabPanel = new Ext.TabPanel({
renderTo: Ext.getBody(),
activeTab: 0,
border: false,
minTabWidth: 115,
tabWidth: 'auto',
tbar: [{xtype: 'button', text: 'grid', handler: function() {tabPanel.add(transaction)}, scope: this}]
});
});
</script>
</body>
</html>