使用FlexiGrid实现Extjs表格效果方法分享(3)

<script type="text/javascript">
     $("document").ready(function() {
         $('#flexme1').flexigrid({
             colModel: [
             { display: 'ISO', name: 'iso', width: 40, sortable: true, align: 'center' },
             { display: 'Name', name: 'name', width: 180, sortable: true, align: 'left' },
             { display: 'Printable Name', name: 'printable_name', width: 120, sortable: true, align: 'left' },
             { display: 'ISO3', name: 'iso3', width: 130, sortable: true, align: 'left', hide: true },
             { display: 'Number Code', name: 'numcode', width: 80, sortable: true, align: 'right' }
             ], width: 700, height: 300, usepager: true, showTableToggleBtn: true, title: "点我折叠"
         });
         $('#flexme2').flexigrid({
             colModel: [
             { display: 'ISO', name: 'iso', width: 40, sortable: true, align: 'center' },
             { display: 'Name', name: 'name', width: 180, sortable: true, align: 'left' },
             { display: 'Printable Name', name: 'printable_name', width: 120, sortable: true, align: 'left' },
             { display: 'ISO3', name: 'iso3', width: 130, sortable: true, align: 'left', hide: true },
             { display: 'Number Code', name: 'numcode', width: 80, sortable: true, align: 'right' }
             ],
             searchitems: [
             { display: 'ISO', name: 'iso' },
             { display: 'Name', name: 'name', isdefault: true }
             ],
             sortname: "iso",
             sortorder: "asc",
             title: "我的测试效果",
             width: 700,
             height: 300,
             usepager: true, showTableToggleBtn: true, rp: 10
 
         });
     });
 </script>

高级使用：

1 分页用到的存储过程

复制代码 代码如下: