ESH/bank_list.php

<title>Banks</title>
<?php 
include('top.php');

?>

<script type="text/javascript">
$(function() {
    $("#flex1").flexigrid({
            url: 'bank_list_script.php',
            dataType: 'json',
            colModel : [
                    {display: 'Sr', name : 'count', width : 20, sortable : false, align: 'left'},
					{display: 'Firm', name : 'bank_name', width : 140, sortable : true, align: 'left'},
					{display: 'Bank', name : 'bank_name', width : 140, sortable : true, align: 'left'},
                    {display: 'Branch', name : 'branch', width : 140, sortable : true, align: 'left'},
					{display: 'Address', name : 'bank_address', width : 210, sortable : true, align: 'left'},
			        {display: 'Swift Code', name : 'swift_code', width : 120, sortable : true, align: 'left'},
			        {display: 'MICR', name : 'micr', width : 120, sortable : true, align: 'left'},
			        {display: 'A/C No', name : 'ac_no', width : 120, sortable : true, align: 'left'},
					{display: 'Edit', name : 'edit_link', width : 20, sortable : false, align: 'left'},
					{display: 'Delete', name : 'delete_link', width : 20, sortable : false, align: 'left'}
            ],
            buttons : [
{name:'<b><font size="2">Bank Master</font></b>'},
					{name: 'Add', bclass: 'add', onpress : doCommand},
					{name: 'Print', bclass: 'print', onpress : doCommand},
            
                    {separator: true}
            ],
            searchitems : [
                    {display: 'Bank Name', name : 'Bank_name', isdefault: true},
					
                    {display: 'Bank Address', name : 'bank_address'},
            ],
            sortname: "bank_id",
            sortorder: "asc",
            usepager: true,//pagination
          
            useRp: true,
            rp: 50,//records per page
            showTableToggleBtn: false,//toggle button for the whole table
            resizable: false,
            width: window.innerWidth,
            height: window.innerHeight-130,
            singleSelect: true
    });
});

function doCommand(com, grid) {
	if (com == 'Add') {
		window.open('bank_master.php?acn=add', 'DoSubmit','width=450,height=290,screenX=150,left=200,screenY=50,top=90,scrollbars=1');
		//location.href="bank_master.php?acn=add";
	}
	if (com == 'Print') {
		window.open('pdf_bank_master.php');
		
	}
	if (com == 'Edit') {
		$('.trSelected', grid).each(function() {
		var id = $(this).attr('id');
		id = id.substring(id.lastIndexOf('row')+3);
		alert("Edit row " + id);
		});
		location.href="menu_master.php?acn=update";
		
	} else if (com == 'Delete') {
		$('.trSelected', grid).each(function() {
		var id = $(this).attr('id');
		alert((this));
		alert(id);
		id = id.substring(id.lastIndexOf('row')+3);
		alert("Delete row " + id);
		});
	}
}

function delete_menu(button, grid) {
        var total_count = $('.trSelected', grid).length;
        var deleted     = 0;

        $.each($('.trSelected', grid), function() {
            var id = $('td:nth-child(1) div', this).html();
            $.ajax({
                url: '/api/book/' + id,
                type: 'DELETE',
                data: {},
                dataType: 'json',
                success: function() {
                    deleted++;
                    if (deleted == total_count) {
                        $('#books_grid').flexReload();
                    }
                }
            });
        });
    }
function add_menu(button, grid) {
        var form_div = $('#book_form');

        form_div.load('/ajax/book_form_add', null, function() {
            $('#book_form form').ajaxForm({
                url: '/ajax/book_form_add',
                success: function() {
                    form_div.hide();
                    $('#books_grid').flexReload();
                }
            });
            form_div.show();
        });
    }

    function edit_menu(button, grid) {
        var id = $('.trSelected td:nth-child(1) div', grid).html();
        var form_div = $('#book_form');
        var url = '/ajax/book_form_edit/' + id;                                                                                

        form_div.load(url, null, function() {
            $('#book_form form').ajaxForm({
                url: url,
                success: function() {
                    form_div.hide();
                    $('#books_grid').flexReload();
                }
            });
            form_div.show();
        });
    }

</script>

<tr>

    <td height="350" valign="top" align="center">
    <table width="700px" border="0" cellspacing="0" cellpadding="0" align="center">
	 <tr height="3px"></tr>
    <tr>
        <td align="justify">	
			<form name="f1" method="post" action="<?php  echo $this_script?>">
				<table width="100%" border="0" cellspacing="0" cellpadding="4" id="flex1" >
				</table>
			</form>
 		</td>
 	</tr>

 </table>

 </td>

 </tr>