function f_menuwebsite() {
        var ds_grid = new Ext.data.JsonStore({
		proxy: new Ext.data.HttpProxy({
			url: BASE_URL + 'website/c_menuweb/grid',
			method: 'POST'
		}),
		params: {
			start: 0,
			limit: 5
		},
		root: 'data',
		totalProperty: 'results',
		autoLoad: true,
		fields: [
		{
			name: "idmenuweb",
			mapping: "idmenuweb"
		},{
			name: "kdmenuweb",
			mapping: "kdmenuweb"
		},{
			name: "nmmenuind",
			mapping: "nmmenuind"
		},{
			name: "idjnshirarki",
			mapping: "idjnshirarki"
		},{
			name: "nmjnshirarki",
			mapping: "nmjnshirarki"
		},{
			name: "idstatus",
			mapping: "idstatus"
		},{
			name: "nmstatus",
			mapping: "nmstatus"
		},{
			name: "men_idmenuweb",
			mapping: "men_idmenuweb"
		},{
			name: "men_idmenuweb_nm",
			mapping: "men_idmenuweb_nm"
		},{
			name: "menuatas",
			mapping: "menuatas",type: 'bool'
		},{
			name: "menukiri",
			mapping: "menukiri",type: 'bool'
		},{
			name: "menukanan",
			mapping: "menukanan",type: 'bool'
		},{
			name: "menubawah",
			mapping: "menubawah",type: 'bool'
		},{
			name: "idhalaman",
			mapping: "idhalaman"
		},{
			name: "judulind",
			mapping: "judulind"
		}]
	});
        
                var cm = new Ext.grid.ColumnModel({
                // specify any defaults for each column
                defaults: {
                    sortable: true // columns are not sortable by default           
                },
                columns: [new Ext.grid.RowNumberer(),
						{
                                header: 'Kode',
                                width: 100,
                                dataIndex: 'kdmenuweb',
                                sortable: true
                        },
                        {
                                header: 'Nama',
                                width: 300,
                                dataIndex: 'nmmenuind',
                                sortable: true
                        },
                        {
                                header: 'Hierarki',
                                width: 150,
                                dataIndex: 'nmjnshirarki',
                                sortable: true
                        },
                        {
                                header: 'Status',
                                width: 150,
                                dataIndex: 'nmstatus',
                                sortable: true
                        },
                        {
                                header: 'Parent',
                                width: 150,
                                dataIndex: 'men_idmenuweb_nm',
                                sortable: true
                        },
                        {       xtype: 'checkcolumn',
                                header: '<center>Atas</center>',
                                dataIndex: 'menuatas',
                                width: 60,
                                readonly:false,
                                processEvent : function(name, e, grid, rowIndex, colIndex){
								
								}
                        },
                        {       xtype: 'checkcolumn',
                                header: '<center>Bawah</center>',
                                dataIndex: 'menubawah',
                                width: 60,
                                readonly:false,
                                processEvent : function(name, e, grid, rowIndex, colIndex){
								
								}
                        },
                        {       xtype: 'checkcolumn',
                                header: '<center>Kanan</center>',
                                dataIndex: 'menukanan',
                                width: 60,
                                readonly:false,
                                 processEvent : function(name, e, grid, rowIndex, colIndex){
								
								}
                        },
                        {       xtype: 'checkcolumn',
                                header: '<center>Kiri</center>',
                                dataIndex: 'menukiri',
                                width: 60,
                                readonly:false,
                                processEvent : function(name, e, grid, rowIndex, colIndex){
								
								}
                        },{
                                header: 'Judul Halaman',
                                width: 150,
                                dataIndex: 'judulind',
                                sortable: true,
								hidden: true
                        }]
            });
        
	var vw = new Ext.grid.GridView({emptyText:'< Menu Website Belum Dipilih  >'});

	var sm_nya = new Ext.grid.CheckboxSelectionModel({
		listeners: {
		//	rowselect: select_action,
		//	rowdeselect: deselect_action
		}
	});
	var cari_data = [new Ext.ux.grid.Search({
		iconCls: 'btn_search',
		minChars: 1,
		autoFocus: true,
		autoHeight: true,
		position: 'top',
		mode: 'local',
		width: 200
	})];
        
        var paging = new Ext.PagingToolbar({
                    pageSize: 50,
                    store: ds_grid,
                    displayInfo: true,
                    displayMsg: 'Data Menu Website Dari {0} - {1} of {2}',
                    emptyMsg: 'Menu Website Belum Dipilih.'
            });
        
	var grid_nya = new Ext.grid.EditorGridPanel({
		store: ds_grid,
		frame: true,
		//width: 1140,
		autoScroll: true,
		autoWidth: true,
		height: 525,
		plugins: cari_data,
		id: 'grid_det_product',
               // autoWidth:true,
//                autoSizeColumns:true,
//                enableColumnResize: true,
//                enableColumnHide: false,
//                enableColumnMove: false,
//                enableHdMenu: false,
//                columnLines: true,
//                loadMask: true,
                buttonAlign: 'left',
                defaults : {
                    anchor : '-10'
                },
               forceFit: true,
		tbar: [{
                            text: 'Add', id: 'btn_add', iconCls: 'silk-add',handler: btn_menu_add

                        },'-',{
                            text: 'Edit', id: 'btn_edit', iconCls: 'silk-edit',
                            handler: function(){
                                if(sm_nya.getCount() > 0){
                                    var module_id = sm_nya.getSelected().data['idmenuweb'];
                                   //form_gallery(gallery_id);
                                    //alert(module_id);
                                    f_menuwebsite_form(module_id,ds_grid);
                                }
                            }
                        },'-',{
                            text: 'Delete', id: 'btn_delete', iconCls: 'silk-delete',
                            handler: function(){
                                if(sm_nya.getCount() > 0){
                                    var delete_id = sm_nya.getSelected().data['idmenuweb'];
                                    Ext.MessageBox.show({
                                        title: "Konfirmasi",
                                        msg: "Anda Yakin Untuk menghapus Data ini?",
                                        buttons: Ext.MessageBox.YESNO,
                                        fn: function(btn) {
                                                if (btn == 'yes') {
                                                       Ext.Ajax.request({
                                                          url: BASE_URL + 'website/c_menuweb/delete',
                                                            method: 'POST',
                                                            success: function() {
                                                                    Ext.MessageBox.alert("Informasi", "Hapus Data Berhasil");
                                                                    ds_grid.load();
                                                            },
                                                            failure: function(result){
                                                                    Ext.MessageBox.alert("Informasi", "Hapus Data Gagal");
                                                            },
                                                           params: { hapus_id: delete_id }
                                                        });
                                                }
                                            }
                                    });
                                }
                            }
                        },'-','->'
                       ],
		sm:sm_nya,
                vw:vw,
		autoScroll: true,
		cm:cm,
		bbar: paging,
                //autoExpandColumn: 'common',
                clicksToEdit: 1,
		listeners: {
			rowdblclick: function rowdblClick(grid, rowIdx) {
				var rec = ds_grid.getAt(rowIdx);
				//alert(rec.data["kdmenu"] + ', ' + Ext.getCmp('combox').getValue());
                             
				
			}
		}
	});
	                    
	var form_bp_general = new Ext.form.FormPanel({
		id: 'form_bp_general_id',
		region: 'center',
		buttonAlign: 'left',
		bodyStyle: 'padding: 5px',
		border: false,
		autoHeight: true,
		disabled: true,
		waitMsg: 'Waiting...',
		maskDisabled: false,
		monitorValid: true,
		items: [{
			layout: 'form',
			border: false,
			items: [grid_nya]
		}]
	});
        
	var o_m_menu = new Ext.Panel({
		bodyStyle: 'padding: 5px',
		title: 'Menu Website',
		defaults: {
			anchor: '-10'
		},
		border: true,
		margins: '0 0 5 0',
		plain: true,
		layout: 'border',
		items: [form_bp_general]
	});
        
        function btn_menu_add(){
            f_menuwebsite_form('',ds_grid);
        }
	get_content(o_m_menu);
}