Extjs
Ext.Viewport with Menu in North Region problem
Friday, 18 May 2012 11:19

     var viewport = new Ext.Viewport({
        layout
: 'border',
        renderTo
: Ext.getBody(),
        border
: false,
        items
: [{
            height
: 60,
            region
: 'south',
            contentEl
: 'page-footer',
            border
: false
       
}, {
            region
: 'center',
            contentEl
: 'page-main',
            border
: false
       
}, {
            height
: 90,
            id
: 'page-header-panel',
            region
: 'north',
            contentEl
: 'page-header',
            border
: false
       
}]
   
});

CSS

#page-header-panel .x-panel-body,
#page-header-panel .x-panel-bwrap {
   overflow
: visible;
}

 
json store with radiogroup
Friday, 18 November 2011 14:49
var store = ;
var itemsInGroup = [];

store.each( function(record) {
  itemsInGroup.push( {
      boxLabel: record.someLabel, 
      name: record.someName, 
      inputValue: record.someValue
    });  
});

var myGroup = { 
  xtype: 'radiogroup', 
  fieldLabel: 'My Dynamic Radiogroup', 
  items: itemsInGroup 
};
 
extjs php json tree menu
Tuesday, 25 October 2011 15:39
class MenuAccess {

    function getTreeJSON($rootid) {
        global $db,$username;        
        
        $arr = array();        
        $query = 'select menu_id, menu_name, node_menu_id, top_id from  user_access.t_menu where top_id  ='.$rootid.' order by top_id,menu_id';                
        $db->setQuery($query);
        $rows = $db->loadAssocList();
        
        $query = 'select distinct c.top_id from user_access.t_user a 
        left join user_access.t_access_role b on a.groups_id = b.groups_id 
        left join user_access.t_menu c on b.menu_id = c.menu_id 
        where a.user_id =\'username\'' ;
        $db->setQuery($query);
        $temp = $db->loadResultArray();        
        $topid = '\''.implode("','",$temp).'\'';        
        
        foreach ($rows as $key => $value) {            
            $query = 'select count(menu_id) numrows from  user_access.t_menu where top_id  ='.$value["menu_id"];                
            $db->setQuery($query);
            $row = $db->loadObject();
            
            if($row->numrows>1){
                
                if ($this->cekPermission($value["menu_id"],$username,$topid )){
                echo '{text:\''.$value['menu_name'].'\'';
                echo ',id:\''.$value['node_menu_id'].'\'';
                echo ',expanded:true';
                echo ',children:[';
                $this->getTreeJSON($value["menu_id"]);
                echo ']},';                
                }
            }else {
                
                if ($this->cekPermission($value["menu_id"],$username,$topid )){
                echo '{text:\''.$value['menu_name'].'\'';
                echo ',id:\''.$value['node_menu_id'].'\'';
                echo ',leaf:true},';             
                }
            }
        }
        //return $arr;
    }
    
    
    function getTreeArray($rootid) {
        global $db;        
        $arr = array();
        $query = 'select menu_id, menu_name, node_menu_id, top_id from  user_access.t_menu where top_id  ='.$rootid.' order by top_id,menu_id';                
        $db->setQuery($query);
        $rows = $db->loadAssocList();
        foreach ($rows as $key => $value) {            
            $query = 'select count(menu_id) numrows from  user_access.t_menu where top_id  ='.$value["menu_id"];                
            $db->setQuery($query);
            $row = $db->loadObject();
                        
            if($row->numrows>1){
              $arr[$value["menu_id"]]['text'] =$value['menu_name'];                
              $arr[$value["menu_id"]]['id'] =$value['node_menu_id'];                
              $arr[$value["menu_id"]]['expanded'] = true;                
              $arr[$value["menu_id"]]['children'] = $this->getTreeArray($value["menu_id"]);                
            }else {
                $arr[$value["menu_id"]]['text'] =$value['menu_name'];                
                $arr[$value["menu_id"]]['id'] =$value['node_menu_id'];                
                $arr[$value["menu_id"]]['leaf'] = true;                                                
            }
        }

        return $arr;
    }
    
    function cekPermission($menuid,$username,$topid){
        global $db;
        
       $query = ' select count(menu_id) numrows'.
                ' from ( '.
                ' select c.menu_id from user_access.t_menu c '.
                ' left join user_access.t_access_role b on b.menu_id = c.menu_id '.
                ' where (c.menu_id in ('. $topid.' ) or b.menu_id  = '.$menuid.') ) temp where menu_id = '.$menuid;       
       
        $db->setQuery($query);
        $row = $db->loadObject();
        return ($row->numrows>0);
    }

}

 
EXTJs saving to pdf
Wednesday, 12 October 2011 17:24
contoh menyimpan data dalam bentuk pdf atau lainnya dengan menggunakan extjs
this.doToPdf= function(){
// --> this function will execute when the button clicked
var selected_rows = grdpickup_list.getSelectionModel().getSelections();
var jsonData = '{"data":[';
if (selected_rows.length > 0) {
for ( var cnt = 0; cnt < selected_rows.length; cnt++) {
record = selected_rows[cnt];
jsonData += '{"pickup_nopo":"'
+ record.data.pickup_no
+ '"},';// Ext.util.JSON.encode(record.data);
}
jsonData = jsonData.substring(0,jsonData.length - 1)+ ']}';
Ext.getBody().mask('Saving to pdf ...');
Ext.Ajax.request( {
url : _lnkpickup_list,
timeout : 180000,
success : function( result, request ) {
var jsonData = Ext.util.JSON.decode(result.responseText);
//console.info('store beforeload fired, arguments:',jsonData);
Ext.getBody().unmask();
var dialog = new Ext.Window( {
autoScroll: false,
modal:true,
width:596,
height:420,
minWidth:300,
minHeight:300,
shim: false,
proxyDrag: true,
resizable: true,
title : 'Open File',
html : '<iframe style="background-color:#c8c8c8; padding:0px; border:0px; margin:-5px; width:100%;
height:100%;" src="/../pdfs/' + jsonData.filename + '"></iframe>'
})
dialog.show();
dialog.center();
objpickup_list.doReset();
},
failure : function(result, request) {
Ext.getBody().unmask();
Ext.MessageBox.alert('Pickup list to pdf was Fail',result.responseText);
},
headers : {
'my-header' : 'foo'
},
params : {
rqstation : Ext.getDom('stationgrd').value,
rqtask : 'topdf',
rqdata : jsonData
}
});
}
}
 
EXTJS Event handler browser event
Wednesday, 21 September 2011 11:24

Ext.EventManager.on(window, 'beforeunload', function() {
    alert
('cross-exit tab click AND cross-exit browser click');
});

Ext.EventManager.on(window, 'unload', function() {
    alert
('cross-exit tab click');
});

 
<< Start < Prev 1 2 3 Next > End >>

Page 1 of 3
Joomla templates by a4joomla