View, View Controller, Model Controller, Model (VVCMCM) Pattern

var EntityViewController =
{

    //
    ModelControllerName: 'VVCMCM.ModelControllers.Entity',

    Search: function()
    {
        //the this keyword is not working as expected
        //this.ModelControllerName);
        var queryString = '';
        var strShortName = '';
        var strLongName = '';
        var strSKU = '';

        //get the values from the form fields
        strShortName = $('input#txtShortName').val();
        strLongName = $('input#txtLongName').val();
        strSKU = $('input#txtSKU').val();

        //        queryString = Core.CreateQueryString('controller', EntityViewController.ModelControllerName,
        //                                        'action', 'search',
        //                                        'format', 'html',
        //                                        'txtShortName', strShortName,
        //                                        'txtLongName', strLongName,
        //                                        'txtSKU', strSKU
        //                                        );


        queryString = '?method=get' +
                      '&controller=' + EntityViewController.ModelControllerName +
                      '&action=Search' +
                      '&format=xml' +
                      '&' + $("form#searchForm").serialize();

        //enable this for viewing what is being sent
        //alert(queryString);


        var searchUrl = Core.ModelControllerUrl + queryString;

        $.get(searchUrl, function(data)
        {
            EntityViewController.SearchResult(data);
        });

    },

    SearchByPost: function()
    {
        //the this keyword is not working as expected
        //this.ModelControllerName);
        var queryString = '';
        var dataString = '';
        var strShortName = '';
        var strLongName = '';
        var strSKU = '';

        //get the values from the form fields
        strShortName = $('input#txtShortName').val();
        strLongName = $('input#txtLongName').val();
        strSKU = $('input#txtSKU').val();

        queryString = '?method=post' +
                      '&controller=' + EntityViewController.ModelControllerName +
                      '&action=Search';

        dataString = 'format=xml' +
                     '&' + $("form#searchForm").serialize();

        //enable this to understand what is being sent
        //alert(dataString);


        var searchUrl = Core.ModelControllerUrl + queryString;

          $.post(searchUrl, dataString, function(data)
          {
              EntityViewController.SearchResult(data);
          });

    },

    SearchResult: function(data)
    {
        //unload the grid if present
        $("#list1").GridUnload();
        
        $("#list1").jqGrid({
            datastr: data,
            datatype: "xmlstring",
            colNames: ['Inv No', 'Date', 'Client', 'Amount', 'Tax', 'Total', 'Notes'],
            colModel: [
   		{ name: 'id', index: 'id', width: 75, sorttype: 'int' },
   		{ name: 'invdate', index: 'invdate', width: 90, sorttype: 'date', datefmt: 'Y-m-d' },
   		{ name: 'name', index: 'name', width: 100 },
   		{ name: 'amount', index: 'amount', width: 80, align: "right", sorttype:'float' },
   		{ name: 'tax', index: 'tax', width: 80, align: "right", sorttype: 'float' },
   		{ name: 'total', index: 'total', width: 80, align: "right", sorttype: 'float' },
   		{ name: 'note', index: 'note', width: 150, sortable: false }
   	],
            rowNum: 10,
            autowidth: true,
            rowList: [10, 20, 30],
            pager: $('#pager1'),
            sortname: 'id',
            viewrecords: true,
            sortorder: "desc",
            caption: "XML Example"
        }).navGrid('#pager1', { edit: false, add: false, del: false });
    }
};