Ca y est, voici la première version téléchargeable de sfGridSolutionPlugin. Attention, il s'agit d'une version alpha pas encore vraiment débuggée sur IE, des fonctionnalités risquent fortement de changer.

Vous pouvez jeter un oeil sur la démo.

Exemple d'implémentation :

Dans votre contrôleur symfony :

  1. /**
  2.    * getting main data
  3.    * @param sfWebRequest $request A request object
  4.    */
  5.   public function executeGetData(sfWebRequest $request)
  6.   {
  7.     //initialise
  8.     $gridAction = new sfGridSolutionQuery($request);
  9.     //defining get datas query
  10.     $gridAction->setQuery(
  11.       Doctrine_Query::create()
  12.                      ->select('*')
  13.                      ->from('Exemple e')
  14.     );
  15.     die($gridAction->execute());
  16.   }
  17.  /**
  18.   * Showing demo grid
  19.   * @param sfRequest $request A request object
  20.   */
  21.   public function executeIndex(sfWebRequest $request)
  22.   {
  23.     //init grid
  24.     $this->grid = new sfGridSolution('grid', 'mygrid', array(
  25.       'showHeader'     => true,
  26.       'resizeColumns'  => true,
  27.       'selectRow'      => true,
  28.       'sortOn'         => 'id',
  29.       'sortBy'         => 'DESC',
  30.       'getDataUrl'     => 'Exemple/getData',   // => route to find datas
  31.       'saveDataUrl'    => 'Exemple/saveData', // => route to save data
  32.       'getDataMethod'  => 'post',
  33.       'page'           => 1,
  34.       'perPageOptions' => array(10, 15, 20, 50),
  35.       'perPage'        => 20,
  36.       'height'         => 300,
  37.       'imagesPath'     => 'sfGridSolutionPlugin/images'
  38.     ));
  39.     //adding id
  40.     $this->grid->addGroup(
  41.       new sfGridSolutionGroup(
  43.           'label'       => ' ',
  44.           'isResizable' => true,
  45.           'cssClass'    => 'group',
  46.           'columns'     => array(
  47.             new sfGridSolutionColumn(
  49.                 'label'      => 'id',
  50.                 'model'      => 'id',
  51.                 'align'   => 'right',
  52.                 'filterable' => true,
  53.                 'sortable'   => true,
  54.                 'width'      => '90',
  55.                 'actions'    => array(
  56.                   new sfGridSolutionAction(
  58.                       'title'   => 'Show details',
  59.                       'method'  => 'showDetails', // => will call javascript showDetails() method
  60.                       'icon'    => 'viewmag.png'
  61.                     )
  62.                   )
  63.                 )
  64.               )
  65.             )
  66.           )
  67.         )
  68.       )
  69.      );
  70.     //group1
  71.     $this->grid->addGroup(
  72.       new sfGridSolutionGroup(
  74.           'label'       => 'group1',
  75.           'isResizable' => true,
  76.           'cssClass'    => 'group',
  77.           'collapsable' => 'true',
  78.  
  79.           'collapse' => false,
  80.           'columns'     => array(
  81.             new sfGridSolutionColumn(
  83.                 'label'      => 'int_field1_1',
  84.                 'model'      => 'int_field1_1',
  85.                 'align'   => 'right',
  86.                 'filterable' => false,
  87.                 'sortable'   => true,
  88.                 'width'      => '90'
  89.               )
  90.             ),
  91.             new sfGridSolutionColumn(
  93.                 'label'      => 'char_field1_2',
  94.                 'model'      => 'char_field1_2',
  95.                 'align'   => 'right',
  96.                 'filterable' => true,
  97.                 'sortable'   => true,
  98.                 'editable' => true,
  99.                 'width'      => '90'
  100.               )
  101.             ),
  102.             new sfGridSolutionColumn(
  104.                 'label'      => 'date_field1_3',
  105.                 'model'      => 'date_field1_3',                
  106.                 'editable' => true,
  107.                 'align'      => 'left',
  108.                 'filterClass' => 'DateFilter',
  109.                 'filterable' => true,
  110.                 'sortable'   => true,
  111.                 'width'      => '130'
  112.               )
  113.             )
  114.           )
  115.         )
  116.       )
  117.     );

Dans la vue :

  1. <h1>Demo Data Grid</h1>
  2.  
  3. <div id="mygrid" style=""></div>
  4.  
  5. <?php echo $grid->render();?>
  6.  
  7. <script type="text/javascript">
  8.   function showDetails(event, action, cell){
  9.     cell.row.buildExpandTip('Exemple/getDetails?id=' + cell.row.datas['id'].value);
  10.   }
  11. </script>

Un peu plus de doc verra le jour au fur et à mesure du développement.