compass-jquery-plugin 0.3.0.0 → 0.3.1.beta.2

data/lib/jquery/gridify/grid_view.rb

@@ -0,0 +1,435 @@
+# reference: http://github.com/ahe/2dc_jqgrid
+
+module Gridify
+  class Grid
+    
+    # ----------------------
+    # generate the grid javascript for a view
+    # options:
+    #     :script => true generates <script> tag (true)
+    #     :ready  => true generates jquery ready function (true)
+    def to_javascript( options={} )
+      options = { :script => true, :ready => true }.merge(options)
+      
+      s = ''
+      if options[:script]
+        s << %Q^
+        <script type="text/javascript">
+        var lastsel_#{dom_id};
+        ^       
+      end
+
+      s << js_helpers
+
+      if options[:ready]
+        s << %Q^
+        jQuery(document).ready(function(){
+        ^
+      end
+      
+      s << jqgrid_javascript(options)
+                  
+      if options[:ready]
+        s << %Q^
+        });
+        ^ 
+      end
+      if options[:script]
+        s << %Q^
+        </script>
+        ^
+      end
+      s     
+    end
+    
+    def to_json
+      jqgrid_properties.to_json_with_js
+    end
+  
+    # alias :to_s, :to_javascript
+    def to_s( options={} )
+      to_javascript( options )
+    end
+            
+    # ------------------
+    protected
+    # ------------------
+  
+    # //{ url: '/notes/{id}', mtype: 'PUT', reloadAfterSubmit: false, closeAfterEdit: true },  // edit settings
+    # //{ url: '/notes', mtype: 'POST', reloadAfterSubmit: false, closeAfterEdit: true },  // add settings
+    # //{ url: '/notes/{id}', mtype: 'DELETE', reloadAfterSubmit: false },  // delete settings
+  
+    # get the button options
+    def edit_button_options
+      # 'url' => '/notes/{id}', 'mtype' => 'PUT'
+      #         {afterSubmit:function(r,data){return #{options[:error_handler_return_value]}(r,data,'edit');}},
+      
+      # note, closeAfterEdit will not close if response returns a non-empty string (even if "success" message)
+      merge_options_defaults( edit_button || inline_edit, 
+        'reloadAfterSubmit' => true, 
+        'closeAfterEdit' => true,
+        'afterSubmit' => "javascript: function(r,data){return #{error_handler_return_value}(r,data,'edit');}"
+      )
+    end
+    
+    def add_button_options
+      # 'url' => '/notes', 'mtype' => 'POST'
+      merge_options_defaults( add_button, 
+        'reloadAfterSubmit' => true, 
+        'closeAfterAdd' => true,
+        'afterSubmit' => "javascript: function(r,data){return #{error_handler_return_value}(r,data,'add');}"
+      )
+    end
+    
+    def delete_button_options
+      # 'url' => '/notes/{id}', 'mtype' => 'DELETE'
+      merge_options_defaults( delete_button, 
+        'reloadAfterSubmit' => true,
+        'afterSubmit' => "javascript: function(r,data){return #{error_handler_return_value}(r,data,'delete');}"
+      )
+    end
+    
+    def search_button_options
+      if search_advanced
+        merge_options_defaults( search_advanced, 'multipleSearch' => true)
+      else
+        merge_options_defaults( search_button)
+      end
+    end
+    
+    def view_button_options
+      merge_options_defaults( view_button)
+    end
+    
+    # generate the jqGrid initial values in json
+    #   maps our attributes to jqGrid options; omit values when same as jqGrid defaults
+    def jqgrid_properties
+      vals                     = {}
+      vals[:ajaxGridOptions]   = ajax_grid_options if ajax_grid_options
+      
+      # data and request options
+      vals[:url]               = url if url
+      vals[:editurl]           = url if editable
+      vals[:restful]           = true if restful
+      vals[:inline_edit]       = inline_edit if inline_edit.present? 
+      vals[:postData]          = { :grid => name, :datatype => data_type } #identify which grid making the request
+      vals[:colNames]          = colNames if colNames.present?
+      vals[:colModel]          = column_model if colModel.present?
+      vals[:datatype]          = data_type if data_type
+      if data_format.present?
+        case data_type
+          when :xml
+            vals[:xmlReader]     = data_format
+          when :json
+            vals[:jsonReader]    = data_format
+        end
+      end
+        
+      vals[:loadonce]          = load_once if load_once
+
+      vals[:sortname]          = sort_by if sort_by
+      vals[:sortorder]         = sort_order if sort_order && sort_by
+      vals[:rowNum]            = rows_per_page if rows_per_page
+      vals[:rowTotal]          = total_rows if total_rows
+      vals[:page]              = current_page if current_page
+
+      # grid options
+      vals[:height]           = height if height
+      vals[:gridview]         = grid_view # faster views, NOTE theres cases when this needs to be disabled
+      
+      case width_fit
+        when :fitted
+          #vals[:autowidth]    = false #default
+          #vals[:shrinkToFit]  = true #default
+          vals[:forceFit]      = true
+          vals[:width]         = width if width
+        
+        when :scroll
+          #vals[:autowidth]    = false #default
+          vals[:shrinkToFit]   = false
+          #vals[:forceFit]     = #ignored by jqGrid
+          vals[:width]         = width if width
+        
+        else #when :fluid
+          vals[:autowidth]     = true
+          #vals[:shrinkToFit]  = true #default
+          vals[:forceFit]      = true
+          #vals[:width]        = is ignored
+          vals[:resizeStop]    = 'javascript: gridify_fluid_recalc_width'
+      end
+      
+      vals[:sortable]          = true if arranger_type.include?(:sortable)
+      
+      # header layer
+      vals[:caption]           = title if title
+      vals[:hidegrid]          = false unless collapsible
+      vals[:hiddengrid]        = true if collapsed
+      
+      # row formatting
+      vals[:altrows]           = true if alt_rows
+      vals[:altclass]          = alt_rows if alt_rows.is_a?(String)
+      
+      vals[:rownumbers]        = true if row_numbers
+      vals[:rownumWidth]       = row_numbers if row_numbers.is_a?(Numeric)
+      
+      if inline_edit 
+        vals[:scrollrows]      = true
+        vals[:multiselect]     = true if multi_select
+        vals[:onSelectRow]     = "javascript: function(id, status) { if(id && id!==lastsel_#{dom_id}) { jQuery('##{dom_id}').jqGrid('restoreRow', lastsel_#{dom_id}); jQuery('##{dom_id}').jqGrid('editRow', id, true, #{inline_edit_handler}, #{error_handler}); lastsel_#{dom_id}=id}}"     
+      elsif select_rows #.present?
+        vals[:scrollrows]      = true
+        vals[:onSelectRow]     = select_rows
+        vals[:multiselect]     = true if multi_select
+      else
+        vals[:hoverrows]       = false
+        vals[:beforeSelectRow] = "javascript: function(){ false; }"
+      end
+      
+      # pager layer
+      if pager
+        vals[:pager]           = "##{pager}" 
+        vals[:viewrecords]     = true     # display total records in the query (eg "1 - 10 of 25")
+        vals[:rowList]         = paging_choices
+        if paging_controls.is_a?(Hash)
+          # allow override of jqGrid pager options
+          vals.merge!(paging_controls)
+        elsif !paging_controls
+          vals[:rowList]       = []
+          vals[:pgbuttons]     = false
+          vals[:pginput]       = false
+          vals[:recordtext]    = "{2} records"
+        end
+      end
+      
+      #subgrid
+      if sub_grid      
+        vals[:subGrid]      = sub_grid
+        vals[:subGridUrl]   = sub_grid_url
+        vals[:subGridModel] = sub_grid_model
+        vals[:gridview]     = false
+      end
+      
+      #events
+      #vals[:serializeGridData] = serialize_grid_data if serialize_grid_data
+      
+      vals[:loadonce]          = load_once if load_once
+      
+      # allow override of native jqGrid options
+      vals.merge(jqgrid_options)
+      
+     
+    end
+    
+    # -----------------
+    def jqgrid_javascript( options={} )
+      s = ''
+
+      if table_to_grid
+        s << %Q^
+        tableToGrid("##{dom_id}", #{to_json});
+        ^
+        s << %Q^
+        grid_#{dom_id} = jQuery("##{dom_id}")
+        ^ 
+      else
+        s << %Q^
+        grid_#{dom_id} = jQuery("##{dom_id}").jqGrid(#{to_json})
+        ^
+      end
+      
+      s << ';'
+
+      # tag the grid as fluid so we can find it on resize events  
+      if width_fit == :fluid 
+        s << %Q^
+        jQuery("##{dom_id}").addClass("fluid");
+        ^                    
+      end
+
+      # override tableToGrid colmodel options as needed (sortable)
+      #s << %Q^ .jqGrid('setColProp','Title',{sortable: false})^
+
+      # resize method
+      if resizable
+        s << %Q^
+        jQuery("##{dom_id}").jqGrid('gridResize', #{resizable.to_json});
+        ^  
+      end
+
+      # pager buttons (navGrid)
+      if pager
+        nav_params = { 
+          'edit' => edit_button.present?,
+          'add' => add_button.present?,
+          'del' => delete_button.present?,
+          'search' => search_button.present? || search_advanced.present?,
+          'view' => view_button.present?,
+          'refresh' => refresh_button.present?
+        }.merge(jqgrid_nav_options||{})
+        
+        s << %Q^
+        jQuery("##{dom_id}").jqGrid('navGrid', '##{pager}',
+               #{nav_params.to_json},
+               #{edit_button_options.to_json_with_js},
+               #{add_button_options.to_json_with_js},
+               #{delete_button_options.to_json_with_js},
+               #{search_button_options.to_json_with_js},
+               #{view_button_options.to_json_with_js}
+               );
+        ^
+      end
+      
+      if arranger_type.include?(:hide_show)
+        s << %Q^
+        jQuery("##{dom_id}").jqGrid('navButtonAdd','##{pager}',{ 
+               caption: "Columns", 
+               title: "Hide/Show Columns", 
+               onClickButton : function (){ jQuery("##{dom_id}").jqGrid('setColumns',
+                 #{arranger_options(:hide_show).to_json_with_js} );
+               }
+        });
+        ^
+      end
+      if arranger_type.include?(:chooser)
+        # hackey way to build the string but gets it done
+        chooser_code = %Q^ function (){ jQuery('##{dom_id}').jqGrid('columnChooser', {
+                          done : function (perm) {
+                            if (perm)  {
+                              this.jqGrid('remapColumns', perm, true);
+                              var gwdth = this.jqGrid('getGridParam','width');
+                              this.jqGrid('setGridWidth',gwdth);
+                            }
+                          } })}^
+        chooser_opts = {
+          'caption' => 'Columns',
+          'title' => 'Arrange Columns',
+          'onClickButton' => 'chooser_code'
+        }.merge(arranger_options(:chooser))
+        s << %Q^
+        jQuery("##{dom_id}").jqGrid('navButtonAdd','##{pager}', #{chooser_opts.to_json.gsub('"chooser_code"', chooser_code)} );
+        ^
+      end
+      
+      if search_toolbar
+        # I wish we could put this in the header rather than the pager
+        s << %Q^
+        jQuery("##{dom_id}").jqGrid('navButtonAdd',"##{pager}", { caption:"Toggle", title:"Toggle Search Toolbar", buttonicon: 'ui-icon-pin-s', onClickButton: function(){ grid_#{dom_id}[0].toggleToolbar() } });
+        jQuery("##{dom_id}").jqGrid('navButtonAdd',"##{pager}", { caption:"Clear", title:"Clear Search", buttonicon: 'ui-icon-refresh', onClickButton: function(){ grid_#{dom_id}[0].clearToolbar() } });
+        jQuery("##{dom_id}").jqGrid('filterToolbar');
+        ^
+      end
+      
+      if sortable_rows
+        # I wish we could put this in the header rather than the pager
+        s << %Q^
+        jQuery("##{dom_id}").jqGrid('sortableRows');
+        ^
+      end
+      
+      # TODO: built in event handlers, eg
+      # loadError 
+      # onSelectRow, onDblClickRow, onRightClickRow etc
+      
+      #unless search_toolbar == :visible
+      #  s << %Q^
+      #  grid_#{dom_id}[0].toggleToolbar();
+      #  ^
+      #end
+
+      # # keep page controls centered (jqgrid bug) [eg appears when :width_fit => :scroll]
+      # s << %Q^ $("##{pager}_left").css("width", "auto"); ^
+        
+      s     
+    end
+
+    # ------------------
+    def js_helpers
+      # just move this into appliaction.js?
+
+      # gridify_fluid_recalc_width: allow grid resize on window resize events
+      # recalculate width of grid based on parent container; handles multiple grids
+      # ref: http://www.trirand.com/blog/?page_id=393/feature-request/Resizable%20grid/
+      
+      # afterSubmit: display error message in response
+      
+      %Q^
+      function gridify_fluid_recalc_width(){
+        if (grids = jQuery('.fluid.ui-jqgrid-btable:visible')) {
+          grids.each(function(index) {
+            gridId = jQuery(this).attr('id');
+            gridParentWidth = jQuery('#gbox_' + gridId).parent().width();
+            jQuery('#' + gridId).jqGrid('setGridWidth', gridParentWidth);
+          });
+        }
+      };
+            
+      jQuery(window).live('resize', gridify_fluid_recalc_width);
+      function gridify_action_error_handler(r, data, action){
+        if (r.responseText != '') {
+          return [false, r.responseText];
+        } else  {
+          return true;
+        }
+      }
+      ^
+    end
+
+
+    # if(r.responseText != "") {
+    #   $('#{error_container}').html(r.responseText);
+    #   $('#{error_container}').slideDown();
+    #   //window.setTimeout(function() { // Hide error div after 6 seconds
+    #   // $('#{error_container}').slideUp();
+    #   //}, 6000);
+    #   return false;
+    # }
+    # return true;
+    
+    # lets options be true or a hash, merges into defaults and returns a hash
+    def merge_options_defaults( options, defaults={} )
+      if options
+        defaults.merge( options==true ? {} : options)
+      else
+        {}
+      end
+    end
+       
+  end
+end
+
+class Hash
+  # replace embedded '"javascript: foo"' with 'foo'
+  def to_json_with_js
+    self.to_json.gsub(/\"javascript: ([^"]*)\"/) {|string| string[1..-2].gsub('javascript:','') }
+  end
+end
+
+module JqgridJson
+  include ActionView::Helpers::JavaScriptHelper
+  include HandleAttributes
+
+  def to_subgrid_json(attributes)
+    json = %Q({)
+    if self.empty?
+      json << "}"
+    else
+      json <<= %Q("rows":[)
+      each do |elem|
+        elem.id ||= index(elem)
+        json << %Q({"id":"#{elem.id}","cell":[)
+        couples = elem.attributes.symbolize_keys
+        attributes.each do |atr|
+          value = get_atr_value(elem, atr, couples)
+          value = escape_javascript(value) if value and value.is_a? String
+          json << %Q("#{value}",)
+        end
+        json.chop! << "]},"
+      end
+      json.chop! << "]}"
+    end
+  end
+end
+
+class Array
+  include JqgridJson
+end

data/lib/jquery/jqgrid.rb

@@ -0,0 +1,5 @@
+module JqGrid#:nodoc:  
+end
+
+require 'jquery/jqgrid/jqgrid'
+require 'handle_attributes'

data/lib/jquery/jqgrid/jqgrid.rb

@@ -0,0 +1,438 @@
+module ActionView
+  module Helpers
+    
+    def jqgrid_javascripts(locale)
+      js = capture { javascript_include_tag "i18n/jqgrid/locale-#{locale}.min" } 
+      js << capture {javascript_tag "jQuery.jgrid.no_legacy_api = true;" }
+      js << capture { javascript_include_tag 'jquery.jqGrid.min' }  
+    end
+
+    def jqgrid(title, id, action, columns = {}, 
+               options = {}, edit_options = "", add_options = "", del_options = "", search_options = "",
+               custom1_button = nil, custom2_button = nil, custom3_button = nil, custom4_button = nil, custom5_button = nil )
+               
+      # Default options
+      options = 
+      { 
+        :rows_per_page       => '10',
+        :sort_column         => '',
+        :sort_order          => '',
+        :height              => '150',
+        :gridview            => 'false',
+        :error_handler       => 'null',
+        :inline_edit_handler => 'null',
+        :add                 => 'false',
+        :delete              => 'false',
+        :search              => 'true',
+        :edit                => 'false',          
+        :inline_edit         => 'false',
+        :autowidth           => 'false',
+        :hidegrid            => 'false',
+        :rownumbers          => 'false'                    
+      }.merge(options)
+      
+      # Stringify options values
+      options.inject({}) do |options, (key, value)|
+        options[key] = (key != :subgrid) ? value.to_s : value
+        options
+      end
+      
+      options[:error_handler_return_value] = (options[:error_handler] == 'null') ? 'true;' : options[:error_handler]
+      edit_button = (options[:edit] == 'true' && options[:inline_edit] == 'false').to_s
+
+      # Generate columns data
+      col_names, col_model = gen_columns(columns)
+
+      # Enable multi-selection (checkboxes)
+      multiselect = "multiselect: false,"
+      if options[:multi_selection]
+        multiselect = "multiselect: true,"
+        multihandler = %Q/
+          jQuery("##{id}_select_button").click( function() { 
+            var s; s = jQuery("##{id}").jqGrid('getGridParam', 'selarrrow'); 
+            #{options[:selection_handler]}(s); 
+            return false;
+          });/
+      end
+
+      # Enable master-details
+      masterdetails = ""
+      if options[:master_details]
+        masterdetails = %Q/
+          onSelectRow: function(ids) { 
+            if(ids == null) { 
+              ids=0; 
+              if(jQuery("##{id}_details").jqGrid('getGridParam', 'records') >0 ) 
+              { 
+                jQuery("##{id}_details").jqGrid('setGridParam', {url:"#{options[:details_url]}?q=1&id="+ids,page:1})
+                jQuery("##{id}_details").jqGrid('setCaption', "#{options[:details_caption]}: "+ids)
+                jQuery("##{id}_details").trigger('reloadGrid'); 
+              } 
+            } 
+            else 
+            { 
+              jQuery("##{id}_details").jqGrid('setGridParam', {url:"#{options[:details_url]}?q=1&id="+ids,page:1})
+              jQuery("##{id}_details").jqGrid('setCaption', "#{options[:details_caption]} : "+ids)
+              jQuery("##{id}_details").trigger('reloadGrid'); 
+            } 
+          },/
+      end
+
+      # Enable selection link, button
+      # The javascript function created by the user (options[:selection_handler]) will be called with the selected row id as a parameter
+      selection_link = ""
+      if options[:direct_selection].blank? && options[:selection_handler].present? && options[:multi_selection].blank?
+        selection_link = %Q/
+        jQuery("##{id}_select_button").click( function(){ 
+          var id = jQuery("##{id}").jqGrid('getGridParam', 'selrow'); 
+          if (id) { 
+            #{options[:selection_handler]}(id); 
+          } else { 
+            alert("Please select a row");
+          }
+          return false; 
+        });/
+      end
+
+      # Enable direct selection (when a row in the table is clicked)
+      # The javascript function created by the user (options[:selection_handler]) will be called with the selected row id as a parameter
+      direct_link = ""
+      if options[:direct_selection] && options[:selection_handler].present? && options[:multi_selection].blank?
+        direct_link = %Q/
+        onSelectRow: function(id){ 
+          if(id){ 
+            #{options[:selection_handler]}(id); 
+          } 
+        },/
+      end
+
+      # Enable grid_loaded callback
+      # When data are loaded into the grid, call the Javascript function options[:grid_loaded] (defined by the user)
+      grid_loaded = ""
+      if options[:grid_loaded].present?
+        grid_loaded = %Q/
+        loadComplete: function(){ 
+          #{options[:grid_loaded]}();
+        },
+        /
+      end
+
+      # Enable inline editing
+      # When a row is selected, all fields are transformed to input types
+      editable = ""
+      if options[:edit] && options[:inline_edit] == 'true'
+        editable = %Q/
+        onSelectRow: function(id){ 
+          if(id && id!==lastsel){ 
+            jQuery('##{id}').jqGrid('restoreRow', lastsel);
+            jQuery('##{id}').jqGrid('editRow', id, true, #{options[:inline_edit_handler]}, #{options[:error_handler]});
+            lastsel=id; 
+          } 
+        },/
+      end
+      
+      # Enable subgrids
+      subgrid = ""
+      subgrid_enabled = "subGrid:false,"
+
+      if options[:subgrid].present?
+        
+        subgrid_enabled = "subGrid:true,"
+        
+        options[:subgrid] = 
+          {
+            :rows_per_page => '10',
+            :sort_column   => 'id',
+            :sort_order    => 'asc',
+            :add           => 'false',
+            :edit          => 'false',
+            :delete        => 'false',
+            :search        => 'false'
+          }.merge(options[:subgrid])
+
+        # Stringify options values
+        options[:subgrid].inject({}) do |suboptions, (key, value)|
+          suboptions[key] = value.to_s
+          suboptions
+        end
+        
+        subgrid_inline_edit = ""
+        if options[:subgrid][:inline_edit] == true
+          options[:subgrid][:edit] = 'false'
+          subgrid_inline_edit = %Q/
+          onSelectRow: function(id){ 
+            if(id && id!==lastsel){ 
+              jQuery('#'+subgrid_table_id).jqGrid('restoreRow', lastsel);
+              jQuery('#'+subgrid_table_id).jqGrid('editRow', id,true); 
+              lastsel=id; 
+            } 
+          },
+          /
+        end
+          
+        if options[:subgrid][:direct_selection] && options[:subgrid][:selection_handler].present?
+          subgrid_direct_link = %Q/
+          onSelectRow: function(id){ 
+            if(id){ 
+              #{options[:subgrid][:selection_handler]}(id); 
+            } 
+          },
+          /
+        end     
+        
+        sub_col_names, sub_col_model = gen_columns(options[:subgrid][:columns])
+        
+        subgrid = %Q(
+        subGridRowExpanded: function(subgrid_id, row_id) {
+            var subgrid_table_id, pager_id;
+            subgrid_table_id = subgrid_id+"_t";
+            pager_id = "p_"+subgrid_table_id;
+            $("#"+subgrid_id).html("<table id='"+subgrid_table_id+"' class='scroll'></table><div id='"+pager_id+"' class='scroll'></div>");
+            jQuery("#"+subgrid_table_id).jqGrid({
+              url:"#{options[:subgrid][:url]}?q=2&id="+row_id,
+              editurl:'#{options[:subgrid][:edit_url]}?parent_id='+row_id,                            
+              datatype: "json",
+              colNames: #{sub_col_names},
+              colModel: #{sub_col_model},
+              rowNum:#{options[:subgrid][:rows_per_page]},
+              pager: pager_id,
+              sortname: '#{options[:subgrid][:sort_column]}',
+              sortorder: '#{options[:subgrid][:sort_order]}',
+              viewrecords: true,
+              //toolbar : [true,"top"], 
+              #{subgrid_inline_edit}
+              #{subgrid_direct_link}
+              height: '100%'
+            });
+            jQuery("#"+subgrid_table_id).jqGrid('navGrid', "#"+pager_id,{edit:#{options[:subgrid][:edit]},add:#{options[:subgrid][:add]},del:#{options[:subgrid][:delete]},search:false})
+            jQuery("#"+subgrid_table_id).jqGrid('navButtonAdd', "#"+pager_id,{caption:"Search",title:"Toggle Search",buttonimg:'/images/jqgrid/search.png',
+              onClickButton:function(){ 
+                if(jQuery("#t_"+subgrid_table_id).css("display")=="none") {
+                  jQuery("#t_"+subgrid_table_id).css("display","");
+                } else {
+                  jQuery("#t_"+subgrid_table_id).css("display","none");
+                }
+              } 
+            });
+            jQuery("#t_"+subgrid_table_id).height(25).hide().jqGrid('filterGrid', ""+subgrid_table_id,{gridModel:true,gridToolbar:true});
+          },
+          subGridRowColapsed: function(subgrid_id, row_id) {
+          },
+        )
+      end
+
+      # Generate required Javascript & html to create the jqgrid
+      %Q(
+        <script type="text/javascript">
+          var lastsel;
+          jQuery(document).ready(function(){
+            jQuery("##{id}").jqGrid({            
+              url:'#{action}?q=1',
+              height: "#{options[:height]}",
+              // page: 1,
+              rowNum:#{options[:rows_per_page]},
+              // records: 0,
+              pager: '##{id}_pager',
+              // pgbuttons: true,
+              // pginput: true,
+              colModel:#{col_model},
+              rowList:[10,25,50,100],
+              colNames:#{col_names},
+              sortorder: '#{options[:sort_order]}',
+              sortname: '#{options[:sort_column]}',
+              datatype: "json",
+              // mtype: "GET",
+              // altRows: false,
+              // selarrrow: [],
+              // savedRow: [],
+              // shrinkToFit: true,
+              // xmlReader: {},
+              // jsonReader: {},
+              // subGrid: false,
+              // subGridModel :[],
+              // reccount: 0,
+              // lastpage: 0,
+              // lastsort: 0,
+              // selrow: null,
+              // beforeSelectRow: null,
+              // onSelectRow: null,
+              // onSortCol: null,
+              // ondblClickRow: null,
+              // onRightClickRow: null,
+              // onPaging: null,
+              // onSelectAll: null,
+              // loadComplete: null,
+              // gridComplete: null,
+              // loadError: null,
+              // loadBeforeSend: null,
+              // afterInsertRow: null,
+              // beforeRequest: null,
+              // onHeaderClick: null,
+              viewrecords: true,
+              // loadonce: false,
+              // multikey: false,
+              editurl:'#{options[:edit_url]}',
+              // search: false,
+              caption: "#{title}",
+              hidegrid: #{options[:hidegrid]},
+              // hiddengrid: false,
+              // postData: {},
+              // userData: {},
+              // treeGrid : false,
+              // treeGridModel : 'nested',
+              // treeReader : {},
+              // treeANode : -1,
+              // ExpandColumn: null,
+              // tree_root_level : 0,
+              // prmNames: {page:"page",rows:"rows", sort: "sidx",order: "sord", search:"_search", nd:"nd", id:"id",oper:"oper",editoper:"edit",addoper:"add",deloper:"del"},
+              // forceFit : false,
+              // gridstate : "visible",
+              // cellEdit: false,
+              // cellsubmit: "remote",
+              // nv:0,
+              // loadui: "enable",
+              // toolbar: [false,""],
+              // scroll: false,
+              // multiboxonly : false,
+              // deselectAfterSort : true,
+              scrollrows: true,
+              autowidth: #{options[:autowidth]},
+              // scrollOffset :18,
+              // cellLayout: 5,
+              // subGridWidth: 20,
+              // multiselectWidth: 20,
+              gridview: #{options[:gridview]},
+              // rownumWidth: 25,
+              rownumbers: #{options[:rownumbers]},
+              // pagerpos: 'center',
+              // recordpos: 'right',
+              // footerrow : false,
+              // userDataOnFooter : false,
+              // hoverrows : true,
+              // altclass : 'ui-priority-secondary',
+              // viewsortcols : [false,'vertical',true],
+              // resizeclass : '',
+              // autoencode : false,
+              // remapColumns : [],
+              // ajaxGridOptions :{},
+              // direction : "ltr",
+              #{multiselect}
+              #{masterdetails}
+              #{grid_loaded}
+              #{direct_link}
+              #{editable}
+              #{subgrid_enabled}
+              #{subgrid}
+              // toppager: false,
+              // headertitles: false      
+            });
+            jQuery("##{id}").jqGrid('navGrid', '##{id}_pager',
+              {edit:#{edit_button},add:#{options[:add]},del:#{options[:delete]},search:#{options[:search]},refresh:true},
+              {afterSubmit:function(r,data){return #{options[:error_handler_return_value]}(r,data,'edit');}},
+              {afterSubmit:function(r,data){return #{options[:error_handler_return_value]}(r,data,'add');}},
+              {afterSubmit:function(r,data){return #{options[:error_handler_return_value]}(r,data,'delete');}},
+              {#{search_options}}
+            );
+            #{multihandler}
+            #{selection_link}
+          });
+        </script>
+      )
+    end     
+
+    private
+    
+    def gen_columns(columns)
+      # Generate columns data
+      col_names = "[" # Labels
+      col_model = "[" # Options
+      columns.each do |c|
+        col_names << "'#{c[:label]}',"
+        col_model << "{name:'#{c[:field]}', index:'#{c[:field]}'#{get_attributes(c)}},"
+      end
+      col_names.chop! << "]"
+      col_model.chop! << "]"
+      [col_names, col_model]
+    end    
+    
+    # Generate a list of attributes for related column (align:'right', sortable:true, resizable:false, ...)
+    def get_attributes(column)
+      options = ","
+      column.except(:field, :label).each do |couple|
+        if couple[0] == :editoptions
+          options << "editoptions:#{get_sub_options(couple[1])},"
+        elsif couple[0] == :formoptions
+          options << "formoptions:#{get_sub_options(couple[1])},"
+        elsif couple[0] == :searchoptions
+          options << "searchoptions:#{get_sub_options(couple[1])},"
+        elsif couple[0] == :editrules
+          options << "editrules:#{get_sub_options(couple[1])},"
+        else
+          if couple[1].class == String
+            options << "#{couple[0]}:'#{couple[1]}',"
+          else
+            options << "#{couple[0]}:#{couple[1]},"
+          end
+        end
+      end
+      options.chop!
+    end
+
+    # Generate options for editable fields (value, data, width, maxvalue, cols, rows, ...)
+    def get_sub_options(editoptions)
+      options = "{"
+      editoptions.each do |couple|
+        if couple[0] == :value # :value => [[1, "Rails"], [2, "Ruby"], [3, "jQuery"]]
+          options << %Q/value:"/
+          couple[1].each do |v|
+            options << "#{v[0]}:#{v[1]};"
+          end
+          options.chop! << %Q/",/
+        elsif couple[0] == :data # :data => [Category.all, :id, :title])
+          options << %Q/value:"/
+          couple[1].first.each do |obj|
+            options << "%s:%s;" % [obj.send(couple[1].second), obj.send(couple[1].third)]
+          end
+          options.chop! << %Q/",/
+        else # :size => 30, :rows => 5, :maxlength => 20, ...
+          if couple[1].instance_of?(Fixnum) || couple[1] == 'true' || couple[1] == 'false' || couple[1] == true || couple[1] == false
+            options << %Q/#{couple[0]}:#{couple[1]},/
+          else
+            options << %Q/#{couple[0]}:"#{couple[1]}",/            
+          end
+        end
+      end
+      options.chop! << "}"
+    end
+  end
+end
+
+module JqgridJson
+  include ActionView::Helpers::JavaScriptHelper
+  include HandleAttributes
+
+  def to_jqgrid_json(attributes, current_page, per_page, total)
+    json = %Q({"page":"#{current_page}","total":#{total/per_page.to_i+1},"records":"#{total}")
+    if total > 0
+      json << %Q(,"rows":[)
+      each do |elem|
+        elem.id ||= index(elem)
+        json << %Q({"id":"#{elem.id}","cell":[)
+        couples = elem.attributes.symbolize_keys
+        attributes.each do |atr|
+          value = get_atr_value(elem, atr, couples)
+          value = escape_javascript(value) if value and value.is_a? String
+          json << %Q("#{value}",)
+        end
+        json.chop! << "]},"
+      end
+      json.chop! << "]}"
+    else
+      json << "}"
+    end
+  end
+end
+
+class Array
+  include JqgridJson
+end