// Adds a button with the default icon to the grid.
   // The button ID is myButton followed by the index of the row where the button is located.
   // For example, if the button is on row 0, the button ID is myButton0.
   // If you have applied a filter to the grid, the button ID will be equl.
   crm.grids("CaseList").rows().addButton({
           "id": "myButton",
           click: function (row, index) {
               $.each(row, function (key, val) {
                   if (row[key].hasOwnProperty("value")) {
                   crm.log(row[key]["value"])
               }
           })
       }
   });

   // Adds a button to the grid on rows that have a case_stage value equal to Confirmed.
   crm.grids("CaseList").filterWhere("Case_Stage", "eq", "Confirmed").addButton({
       "id": "myButton",
       "image": "exclamation.png",
       click: function (row, index) {
           $.each(row, function (key, val) {
               if (row[key].hasOwnProperty("value")) {
               crm.log(row[key]["value"])
               }
           })
       }
   })

    // Creates a text cell containing the word text cell.
    crm.grids("0").addCell(2,1,{type:"text", text:"test"});

    // Creates a cell containing a link.
    crm.grids("0").addCell(2,1,{type:"link", text:"test link", href : "#",
    click : function(){console.log("This is a test link")}});

    // Creates a cell containing a check box.
    crm.grids("0").addCell(2,1,{type:"checkbox", value : "myValue", disabled: true, checked : true,
    click : function(){console.log("This is a text check box")}});

    // Creates a cell containing an image.
    crm.grids("0").addCell(2,1,{type:"image", value : "myValue",
    src : "..\\\Themes/Img/default/Bullets/headerhyperlink.gif",
    click : function(){console.log("This is a test image")}});

    // Illustrates how to use functions to assess what the cell value should be.
    // For example, you may need to set the cell value based on the value of another cell in the row.
    crm.grids("0").addColumn({index:0 ,columnName: "Is case a high priority issue"});
    var value = function() {
                var confirmedTrans = crm.getTrans("Choices","High");
                var caseStage = this.getCellText(this.currentRow,this.columnNames.indexOf("case_priority")+1);
                if (caseStage === confirmedTrans) {
                    return true;
                }
                else {
                    return false;
                }
            }
    crm.grids("0").addCell(2,0,{type:"checkbox", value : "myValue", disabled: true, checked : value,
    click : function(){console.log("This is a test check box")}});

    // Illustrates how to use functions to assess the cell value.
    crm.grids("0").addColumn({index:0 ,columnName: "Is case a high priority issue"});
    var value = function() {
        var confirmedTrans = crm.getTrans("Choices","High");
        var caseStage = this.getCellText(this.currentRow,this.columnNames.indexOf("case_priority")+1);
        if (caseStage === confirmedTrans) {
            return true;
            }
        else {
            return false;
            }
        }
    crm.grids("0").addCells({index:0,type:"checkbox", value : "myValue", disabled: true, checked : value,
    click : function(){console.log("This is a test check box")}});

   // Adds a new column named My Test Column at index position 1.
   crm.grids().addColumn({index:1,columnName: "My Test Column"});

    // Appends an icon to each cell in the comp_name column of a grid.
    crm.grids().rows(":gt(0)",true).cells().column("comp_name").exec(function(index,key){
        var rowIndex = $(key).parent().index()+1;
        var colDes=this.columnNames.indexOf("case_description")+1;
        var text = this.getCellText(rowIndex,colDes); $(key).text(text);
        crm.grids().hideColumn("case_stage");
        this.appendIconToCell({style:"cursor:pointer; border: solid red 1px",
        id:"test"+rowIndex,src:"..\\\Themes/Img/default/Bullets/headerhyperlink.gif",
        click : function(){console.log(1)} },$(key))
    });

   // Gets the cell at index position 1.
   crm.grids().rows().cells("1")

   // Gets all cells.
   crm.grids().rows().cells()

   // Gets all cells whose index position is greater than 1.
   crm.grids().rows.cells(":gt(0)", true)

   // Filters cells by column whose ID is case_stage.
   crm.grids("0 !1 2").rows().column("case_stage").highlightCell()

   // Filters cells by column whose ID is oppo_targetclose.
   crm.grids().rows().column("oppo_targetclose").highlightCell(false);

    // Gets the index of a column whose ID is comp_name.
    crm.grids().columnIndex("comp_name");

   // Runs a custom function on the specified cells.
   crm.grids().rows().exec(function (index, currentCell) {
       crm.log(" the current index is : " + index);
       crm.log(" the current row index is : " + $(currentCell).parent().index());
       crm.log(" the current cell content is : " + $(currentCell).text());
   })

    // Looks for cells in the case_description column whose value contains the word urgent.
    // Highlights such cells in red.
    crm.grids().rows().filterWhere("case_description","contains","urgent").highlightRow("red");

    // Looks for cells in the oppo_forecast column whose value is greater than or equals to 1000.00.
    crm.grids().rows().filterWhere("oppo_forecast","ge", 1000.00).highlightRow();

    // Looks for cells in the oppo_targetclose column whose value is
    // greater than or equals to the date returned by the new Date function.
    crm.grids().rows().filterWhere("oppo_targetclose","ge",new Date).highlightRow();

    // Looks for cells in the oppo_targetclose column that contain a date which 
    // falls between one week ago and one week ahead.
    var oneWeekAgo = new Date();
    oneWeekAgo.setDate(oneWeekAgo.getDate() - 7);
    var oneWeekFromNow = new Date();
    oneWeekFromNow.setDate(oneWeekFromNow.getDate() + 7);
    crm.grids().rows().filterWhere("oppo_targetclose","between",[oneWeekAgo,oneWeekFromNow]).highlightRow()

   // Gets the value of the class attribute of the cell located in row 2, column 2.
   crm.grids().getCellAttribute(2,2,"class");

   // Gets the date contained in the cell located in row 2, column 2.
   crm.grids().getCellDate(2,2);

   // Gets the HTML code contained in the cell located in row 2, column 2.
   crm.grids().getCellHtml(2,2);

   // Gets the text contained in the cell located in row 2, column 2.
   crm.grids().getCellText(2,2);

    // Gets grid at index position 0.
    crm.grids("0");

    // Gets all grids.
    crm.grids();

    // Gets grids at index positions 0 and 1, but not 2.
    crm.grids("0 1 !2");

    // Gets the grid identified by the CaseList list name. 
    // This example is only valid for custom entities.
    crm.grids("CaseList")

   // Hides a column whose ID is oppo_description.
   crm.grids().hideColumn("oppo_description");

    // Highlights the currently selected cell in the default color (yellow).
    crm.grids().cells().highlightCell();

    // Highlights the currently selected cell in blue.
    crm.grids().cells().highlightCell("blue");

    // Applies the CSS properties stored in the obj variable to the cell.
    var obj = {color:"white","background-color":"blue",'box-shadow': "blue",
    '-webkit-box-shadow': "blue",'-moz-box-shadow': "blue", opacity:0.4};
    crm.grids().rows().cells().highlightCell(obj);

    // Highlights the row of currently selected cells in the default color (yellow).
    crm.grids().cells().highlightRow();

    // Highlights the row of currently selected cells in blue.
    crm.grids().cells().highlightRow("blue");

    // Applies the CSS properties stored in the obj variable to the row.
    var obj = {color:"white","background-color":"blue",'box-shadow': "blue",
    '-webkit-box-shadow': "blue",'-moz-box-shadow': "blue", opacity:0.4};
    crm.grids().rows(":gt(0)",true).cells().highlightRow(obj);

    // After a grid has been updated, runs a function that writes the text 
    // "Grid update detected" to the console.log file.
    crm.grids().onGridUpdate(function(){
        console.log("Grid update detected")
        })

   // Returns the first row of a grid.
   crm.grids().rows("1")

   // Returns all rows of a grid.
   crm.grids().rows()

   // Returns all rows of a grid whose index position is greater than 1.
   crm.grids().rows(":gt(0)", true)

   // Sets the class attribute value of the cell located in row 2, column 2 to ROW1.
   crm.grids().setCellAttribute(2,2,"class","ROW1")

   // Sets HTML code in the cell located in row 2, column 2.
   crm.grids().setCellHtml(2,2,'<a href="www.yourlink.com">new Link</a>');

   // Sets the text value in the cell located in row 2, column 2 to Bigger Description.
   crm.grids().setCellText(2,2,"Bigger Description")

   // Shows a hidden column whose ID is oppo_description.
   crm.grids().showColumn("oppo_description");