CAS-203345-K4D1H8

by dkamburov

HTML

<script src="http://igniteui.com/js/modernizr.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script src="http://cdn-na.infragistics.com/igniteui/latest/js/infragistics.core.js"></script>
<script src="http://cdn-na.infragistics.com/igniteui/latest/js/infragistics.lob.js"></script>
<script src="http://igniteui.com/js-data/nw-products"></script>
<link href="http://cdn-na.infragistics.com/igniteui/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet"></link>
<link href="http://cdn-na.infragistics.com/igniteui/latest/css/structure/infragistics.css" rel="stylesheet"></link>

<table id="grid"></table>

JavaScript

$(function () {
            for (var i = 0; i < northwindProducts.length; i++) {
                northwindProducts[i].ImageUrl = "../images/samples/grid/" + (i % 10) + ".jpg";
            }
             $("#grid").igGrid({
        autoGenerateColumns: false,
        width: "1000px",
        columns: [
          		{ headerText: "Employee ID", key: "EmployeeID", dataType: "string", hidden: true },
              { headerText: "Company", key: "employerName", dataType: "string", template: "${employerName}<a href='http://infragistics.com'>click</a>" },
              { headerText: "Title", key: "contactTitle", dataType: "string" },
              { headerText: "Name", key: "contactName", dataType: "string",width:"150px"},
              { headerText: "Email", key: "accountEmail", dataType: "string" },
              { headerText: "Tag(s)", key: "mediaTags", dataType: "string" },
              { headerText: "Account", key: "account", dataType: "string" },
              { headerText: "Rating", key: "rating", dataType: "string",width:"110px"},
              { headerText: "Overall Rating", key: "ratingOverAll", dataType: "string" },
              { headerText: "PowerConnect", key: "connect", dataType: "string" },
              { headerText: "Is Active", key: "IsActive", dataType: "bool" }
        ],
        dataSource: [{EmployeeID: "1", employerName: "Ixa Ixi" }],
        renderCheckboxes: true,
        responseDataKey: "results",
        features: [
            {
                name: "Filtering",
                type: "local",
                columnSettings: [
                {
                 columnKey:"accountid",
                 allowFiltering:true,
                 
                } 
                ],
                filterDelay:100,
                mode: "advanced",
                filterDialogContainment: "window"
            },
            {
                name: "Paging",
                type: "local",
                pageSize: 10
            },
               
...