jQuery Grid Plugin - jqGrid

i saw the various posts , since i had the same problem.

in the include file

 var minver = false;

remember that the filenames are

jqDnR.js , and jqModal.js

not

grid.jqModal.js , grid.jqDnR.js

Hope this helps someone.

amazing grid, Thanks

i have also created a C# class as a helper for my application

Code is given below

using System;
using System.Text;
using System.Collections;
using System.Data;
using System.Data.SqlClient;

namespace myapplication
{
    /// <summary>
    /// Description of Class1.
    /// </summary>
    public class jqGrid
    {
        /* Variables to store the grid rendering values*/
        ArrayList cols = new ArrayList();
        jqGriddef vgrid;
       
       
        string pageno ;
        DataSet ods ;
        string keycol;
        lib olib = new lib();
        ArrayList actions = new ArrayList();
        string imgpath = "'/css/themes/green/images'";
        public jqGrid()
        {
            imgpath = "'" + olib.getwebconfig("apppath","") + "/css/themes/green/images'";
        }
        public bool  addcoldef(jqColdef vdef)
        {
            // add the columns here
            cols.Add(vdef);
            return true;
        }
        public bool  addcoldef(ArrayList vdef)
        {
            cols = vdef;
            return true;
        }
        public bool addactiondef(ArrayList vdef)
        {
            actions = vdef;
            return true;
        }
        public bool addgriddef(jqGriddef vdef )
        {
            vgrid = vdef;   
            return true;
        }
        public string getgrid()
        {
            // generate the grid created and return the string
            StringBuilder sb = new StringBuilder();
            sb.AppendFormat("jQuery(\\"{0}\\").jqGrid(",vgrid.gridelement);
            sb.Append("{\\n");
            sb.AppendFormat("url:{0},",vgrid.url);
            sb.AppendFormat("datatype: \\"{0}\\",",vgrid.datatype);
            sb.AppendLine("colNames:[");
            sb.AppendLine(getcellcaptions());
            sb.AppendLine("],");
            sb.AppendLine("colModel:[");
            // loop here for columns
            sb.AppendLine(getcolmodel());
            // end of columns
            sb.AppendLine("],");
            sb.AppendFormat("pager: jQuery('{0}'),",vgrid.pagerelement);
            sb.AppendFormat("rowNum:{0},",vgrid.pageLength);
            sb.AppendFormat("rowList:[{0}],",vgrid.pagelengthoptions);
            sb.AppendFormat("imgpath:{0} ,",imgpath);
            sb.AppendFormat("sortname: '{0}',",vgrid.initialsort);
            sb.AppendFormat("height: '{0}',","auto");
           
            sb.AppendLine("viewrecords: true,");
            sb.AppendLine("sortorder: \\"desc\\",");
            // last option note no comma
            sb.AppendFormat("caption: \\"{0}\\"",vgrid.caption);
            sb.AppendLine("})");
            sb.AppendFormat(".navGrid('{0}',",vgrid.pagerelement);
            sb.AppendLine("{refresh: true, edit: false, add: false, del: false, search: true});");
            return sb.ToString();
        }
        private string getcellcaptions()
        {
            string cellcaptions = "";
            bool firstcol = true;
           
            foreach(jqColdef ocol in cols)
            {
                if(firstcol){
                    cellcaptions += "'" + ocol.caption + "'";
                    firstcol = false;
                }else{
                    cellcaptions += ",'" + ocol.caption + "'";
                }
            }
            return cellcaptions;
        }
        private string getcellfields()
        {
            string cellfields = "";
            bool firstcol = true;
            foreach(jqColdef ocol in cols)
            {
               
                   
                if(firstcol){
                    cellfields += "'" + ocol.name + "'";
                    firstcol = false;
                }else{
                    cellfields += ",'" + ocol.name + "'";
                }
            }
            return cellfields;
        }

        private string getcolmodel()
        {
           
            StringBuilder colmodel = new StringBuilder();
            bool firstcol = true;
            foreach(jqColdef ocol in cols)
            {
                if(firstcol){
                    colmodel.Append("{");
                    colmodel.AppendFormat("name:'{0}',index:'{0}',width:{1},align:'{2}',sortable:{3}\\n",
                                          ocol.name,ocol.width,ocol.align,ocol.sortable.ToString().ToLower());
                    colmodel.Append("}");
                    firstcol = false;
                }else{
                    colmodel.Append(",{");
                    colmodel.AppendFormat("name:'{0}',index:'{0}',width:{1},align:'{2}',sortable:{3}\\n",
                    ocol.name,ocol.width,ocol.align,ocol.sortable.ToString().ToLower());
                    colmodel.Append("}");
                }
            }
            return colmodel.ToString();

           
        }
        public string getjqdata()
        {
            // return the JSON string
            int rowcount = gettotrowcount();
            int pagecount = (rowcount/vgrid.pageLength) + 1;
            StringBuilder sb = new StringBuilder();
            sb.Append("{");
            sb.AppendFormat("\\"page\\":\\"{0}\\",",pageno);
            sb.AppendFormat("\\"total\\":\\"{0}\\",",pagecount);
            sb.AppendFormat("\\"records\\":\\"{0}\\",",rowcount);
            sb.Append("\\"rows\\":[");
           
            getrows(sb);
            // end rows
            sb.Append("]}");
            return sb.ToString();
        }
        private string getrows(StringBuilder osb)
        {
            // get the rows in JSON format
            DataTable odt = null;
           
               
           
            if(ods != null)
            {
                if(ods.Tables.Count > 0 )
                {
                    odt = ods.Tables[0];
                }
            }
            if (odt ==null)
            {
                return "";
            }
            bool firstrow = true;
            foreach(DataRow odr in odt.Rows)
            {
                    // begin row
                    /*If the Action array is > 0 then we need to add the actions to the grid
                     * add actions in the first column
                     * use the id to identify the item , no ajax in edit
                     * need to add the column model + col captions
                     *  */
                    if(firstrow)
                    {
                        osb.Append("{");
                        firstrow = false;
                    }else{
                        osb.Append(",{");   
                    }
                    osb.AppendFormat("\\"id\\":\\"{0}\\",",odr[keycol]);
                    osb.AppendFormat("\\"cell\\":[");
                    bool firstcol = true;
                    foreach(jqColdef ocol in cols)
                    {
                        if(firstcol)
                        {
                            osb.AppendFormat(ocol.format,odr[ocol.name],odr[keycol]);
                            firstcol = false;
                        }else{
                            osb.AppendFormat("," + ocol.format,odr[ocol.name],odr[keycol]);
                        }
                    }
                        osb.Append("]");
                        // end row
                        osb.Append("}");

            }
            return osb.ToString();
        }
        public bool setjqdata(string vpageno ,string vkeycol, DataSet vds )
        {
            pageno = vpageno;
            ods = vds;
            keycol = vkeycol;
            return true;
           
        }
        public int gettotrowcount()
        {
            DataRow odr = olib.getfirstrow(ods);
            if(odr != null)
            {
                return olib.getdatavalueint("totrows",odr);
            }else{
                return 0;
            }
        }
       
    }
    public struct jqColdef
    {
        public string  name;
        public string caption;
        public string index;
        public string width;
        public string align;
        public bool sortable;
        public string type ;
        public string format ;
        public bool searchable;
       
        // assume id = 0 , name = 1
        public jqColdef(string vcaption, string vname , string vindex, string vwidth , string valign , bool bsortable)
        {
            name = vname;
            index = vindex;
            width = vwidth;
            align = valign;
            sortable = bsortable;
            caption = vcaption;
            type = "default";
            format = "\\"{0}\\"";
            searchable = true;
        }
        public jqColdef(string vcaption, string vname , string vindex, string vwidth , string valign , bool bsortable, string vtype, string vformat)
        {
            name = vname;
            index = vindex;
            width = vwidth;
            align = valign;
            sortable = bsortable;
            caption = vcaption;
            type = vtype;
            searchable = true;
            switch(type)
            {
                case "editlink":
                    format = "\\"<a href='edit.aspx?id={1}'>Edit</a>\\"";
                    width="50";
                    break;
                case "addlink":
                    format = "\\"<a href='add.aspx'>Add</a>\\"";
                    width="50";
                    break;
                case "deletelink":
                    format = "\\"<a href='delete.aspx?id={1}'>Delete</a>\\"";
                    width="50";
                    break;
                case "eadlink":
                    format = "\\"<a href='edit.aspx?id={1}'>Edit</a>&nbsp;&nbsp;";
                    format += "<a href='add.aspx'>Add</a>&nbsp;&nbsp;";
                    format += "<a href='delete.aspx?id={1}'>Delete</a>\\"";
                    width="150";
                    break;
                case "edlink":
                    format = "\\"<a href='edit.aspx?id={1}'>Edit</a>&nbsp;&nbsp;";
                    format += "<a href='delete.aspx?id={1}'>Delete</a>\\"";
                    width="100";
                    break;
                   
                default:
                    format = vformat;
                    break;
            }
           
           
        }
       
    }
    public struct jqGriddef{
        public string gridelement;
        public string url;
        public string datatype;
        public string caption;
        public int pageLength;
        public string pagelengthoptions;
        public string pagerelement;   
        public string initialsort;
    }

   
}

Hope this helps.