Quan en una aplicació web, en un ASHX, es fa un grid hi ha que fer una crida a la clsHelper LoadGrid amb uns paràmetres en concret. Aquests paràmetres es creen fent servir les classes clsColumna i clsCampBBDD que estàn explicades aquí.

Cal tenir en compte que alhora de definir les columnes aquestes han d'estar en el mateix ordre que al grid. En el codi a continuació es poden veure exemples de columnes compostes per més d'un camp de BBDD, formatades, que passa si el valor és null, etc... Millor veiem l'exemple:

private void LoadGrid()
{
    string JSON;
    StringCollection CampsClau = new StringCollection();
    List<clsColumna> ColumnesGrid = new List<clsColumna>();
    clsColumna ColumnaGrid;
    string PK_Arxiu = "";
    Dictionary<string, string> ValorsExtra = new Dictionary<string, string>();
    clsCampBBDD CampGridBBDD;
    clsDestruccio TA = new clsDestruccio(ConnStr);

    //Això és concret d'aquesta aplicació
    //Però serveix per ilustrar els ValorsExtra
    //En aquest cas es vol limitar els resultats del grid
    //segons un valor que no arriba en la petició, està
    //associat a l'usuari
    PK_Arxiu = clsHelper.ObtenirArxiu(IdPersona, ConnStr, null, null);

    //Aquests camps arriben per la URL i serveixen
    //per filtrar el grid.
    CampsClau.Add("PK_Destruccio");
    CampsClau.Add("FK_TAAD");
    CampsClau.Add("Exped_I");
    CampsClau.Add("DataInici");
    CampsClau.Add("DataFi");
    CampsClau.Add("FK_Estat");
    CampsClau.Add("FK_Arxiu");

    //S'afegeix el valor que també filtra però no
    //arriba a la URL
    ValorsExtra.Add("FK_Arxiu", PK_Arxiu);

    // columna 1
    ColumnaGrid = new clsColumna();
    CampGridBBDD = new clsCampBBDD();
    CampGridBBDD.Nom = "PK_Destruccio";
    ColumnaGrid.Camps.Add(CampGridBBDD);
    ColumnesGrid.Add(ColumnaGrid);

    // columna 2
    ColumnaGrid = new clsColumna();

    //Aquesta columna està formada per 2 camps, separats per -
    ColumnaGrid.Separador = " - ";
    CampGridBBDD = new clsCampBBDD();
    CampGridBBDD.Nom = "codi_TAAD";
    ColumnaGrid.Camps.Add(CampGridBBDD);

    //Segon camp de la columna 2
    CampGridBBDD = new clsCampBBDD();
    CampGridBBDD.Nom = "Descripcio";
    ColumnaGrid.Camps.Add(CampGridBBDD);
    ColumnesGrid.Add(ColumnaGrid);

    // columna 3
    ColumnaGrid = new clsColumna();

    //Aquesta columna està formada per 2 camps, separats per /
    ColumnaGrid.Separador = "/";
    CampGridBBDD = new clsCampBBDD();
    //Si és null es posarà un - enlloc del valor
    CampGridBBDD.ValorSiNull = "-";
    CampGridBBDD.Nom = "Codi_TC";
    ColumnaGrid.Camps.Add(CampGridBBDD);

    //Segon camp de la columna 3
    CampGridBBDD = new clsCampBBDD();
    //Si és null es posarà un - enlloc del valor
    CampGridBBDD.ValorSiNull = "-";
    CampGridBBDD.Nom = "Especifica_TC";
    ColumnaGrid.Camps.Add(CampGridBBDD);
    ColumnesGrid.Add(ColumnaGrid);

    // columna 4
    ColumnaGrid = new clsColumna();
    CampGridBBDD = new clsCampBBDD();
    CampGridBBDD.Nom = "Serie_documental";
    ColumnaGrid.Camps.Add(CampGridBBDD);
    ColumnesGrid.Add(ColumnaGrid);

    // columna 5
    ColumnaGrid = new clsColumna();
    CampGridBBDD = new clsCampBBDD();
    CampGridBBDD.Nom = "Any_obertura";
    ColumnaGrid.Camps.Add(CampGridBBDD);
    ColumnesGrid.Add(ColumnaGrid);

    // columna 6
    ColumnaGrid = new clsColumna();
    CampGridBBDD = new clsCampBBDD();
    CampGridBBDD.Nom = "Any_tancament";
    ColumnaGrid.Camps.Add(CampGridBBDD);
    ColumnesGrid.Add(ColumnaGrid);

    // columna 7
    ColumnaGrid = new clsColumna();
    CampGridBBDD = new clsCampBBDD();
    CampGridBBDD.Nom = "Metres";
    ColumnaGrid.Camps.Add(CampGridBBDD);
    ColumnesGrid.Add(ColumnaGrid);

    // columna 8
    ColumnaGrid = new clsColumna();
    CampGridBBDD = new clsCampBBDD();
    CampGridBBDD.Nom = "NumExpedients";
    ColumnaGrid.Camps.Add(CampGridBBDD);
    ColumnesGrid.Add(ColumnaGrid);

    // columna 9
    ColumnaGrid = new clsColumna();
    CampGridBBDD = new clsCampBBDD();
    CampGridBBDD.Nom = "Estat";
    ColumnaGrid.Camps.Add(CampGridBBDD);
    ColumnesGrid.Add(ColumnaGrid);

    // columna 10, datetime sense hora
    ColumnaGrid = new clsColumna();
    CampGridBBDD = new clsCampBBDD();
    CampGridBBDD.Nom = "Data_Destruccio";
    CampGridBBDD.Tipus = "System.DateTime";

    //Aquí es fa servir el format, es pot especificar un
    //format diferent al que es fa servir en el detall
    //d'un formulari
    CampGridBBDD.Format = "dd/MM/yyyy";
    ColumnaGrid.Camps.Add(CampGridBBDD);
    ColumnesGrid.Add(ColumnaGrid);

    // columna 11
    ColumnaGrid = new clsColumna();
    CampGridBBDD = new clsCampBBDD();
    CampGridBBDD.Nom = "bCataleg";
    ColumnaGrid.Camps.Add(CampGridBBDD);
    ColumnesGrid.Add(ColumnaGrid);

    JSON = clsHelper.LoadGrid(TA, Req, CampsClau, ColumnesGrid, ValorsExtra, "");
    Resp.Write(JSON);
}