<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="Flexigrid.Views.Home.Index" %>
<asp:Content ID="indexContent" ContentPlaceHolderID="MainContent" runat="server">
<div>
<table id="customers" style="display:none"></table>
<script type="text/javascript">
$("#customers").flexigrid({
url: '/Json/FlexigridList',
dataType: 'json',
colModel: [
{display: 'ID', name: 'CustomerID', width: 40, sortable: true, align: 'left'},
{display: 'Company', name: 'CompanyName', width: 100, sortable: true, align: 'left'},
{display: 'Name', name: 'ContactName', width: 100, sortable: true, align: 'left'},
{display: 'Title', name: 'ContactTitle', width: 100, sortable: true, align: 'left'},
{display: 'Address', name: 'Address', width: 100, sortable: true, align: 'left'},
{display: 'City', name: 'City', width: 80, sortable: true, align: 'left'},
{display: 'Region', name: 'Region', width: 60, sortable: true, align: 'left'},
{display: 'Postal Code', name: 'Postalcode', width: 80, sortable: true, align: 'left'},
{display: 'Country', name: 'Country', width: 80, sortable: true, align: 'left'},
{display: 'Phone', name: 'Phone', width: 80, sortable: true, align: 'left'},
{display: 'Fax', name: 'Fax', width: 80, sortable: true, align: 'left'}
],
searchitems: [
{display: 'Company', name: 'CompanyName'},
{display: 'Name', name: 'ContactName'},
{display: 'Title', name: 'ContactTitle'},
{display: 'Address', name: 'Address'},
{display: 'City', name: 'City'},
{display: 'Country', name: 'Country'}
],
sortname: 'CustomerID',
sortorder: 'asc',
usepager: true,
title: 'Customers',
useRp: true,
rp: 15,
showTableToggleBtn: true,
width: 1040,
height: 380
});
</script>
</div>
</asp:Content>