BlogJava-workspace-随笔分类-Ajaxhttp://www.blogjava.net/babymouse/category/35789.html努力奋斗——I believe I can flyzh-cnWed, 02 Sep 2009 18:42:45 GMTWed, 02 Sep 2009 18:42:45 GMT60action数组传递到页面http://www.blogjava.net/babymouse/archive/2009/08/06/290051.htmlRobert SuRobert SuThu, 06 Aug 2009 02:28:00 GMThttp://www.blogjava.net/babymouse/archive/2009/08/06/290051.htmlhttp://www.blogjava.net/babymouse/comments/290051.htmlhttp://www.blogjava.net/babymouse/archive/2009/08/06/290051.html#Feedback0http://www.blogjava.net/babymouse/comments/commentRss/290051.htmlhttp://www.blogjava.net/babymouse/services/trackbacks/290051.html             url : '../../topicInfo/topicInfoNode.htm',
            success : getTopicInfoArray,
            method : 'post'
        });

function getTopicInfoArray(response, options) {
    topicInfo_arr = eval(response.responseText);
    Ext.onReady(renderAll);
}

也可以用Ext.util.JSON.decode（）方法搞定

Robert Su 2009-08-06 10:28 发表评论
]]>Grid的右键弹出菜单http://www.blogjava.net/babymouse/archive/2008/12/12/246004.htmlRobert SuRobert SuFri, 12 Dec 2008 09:36:00 GMThttp://www.blogjava.net/babymouse/archive/2008/12/12/246004.htmlhttp://www.blogjava.net/babymouse/comments/246004.htmlhttp://www.blogjava.net/babymouse/archive/2008/12/12/246004.html#Feedback0http://www.blogjava.net/babymouse/comments/commentRss/246004.htmlhttp://www.blogjava.net/babymouse/services/trackbacks/246004.html
    //right menu
            grid.on('rowcontextmenu', rightClickFn,grid);
            var rightClick = new Ext.menu.Menu({
                id:'rightClickCont',
                items: [
                    {
                        id: 'rMenu1',
                        scope:this,
                        text: '审核:1',
                        handler:function(){auditWebVideoSecond(grid,1,true);}
                    },
                    {
                        id: 'rMenu2',
                        scope:this,
                        text: '审核:2',
                        handler:function(){auditWebVideoSecond(grid,2,true);}
                    },
                    {
                        id: 'rMenu3',
                        scope:this,
                        text: '审核:3',
                        handler:function(){auditWebVideoSecond(grid,3,true);}
                    },
                    {
                        id: 'rMenu4',
                        text:'审核:4',
                        scope:this,
                        handler:function(){auditWebVideoSecond(grid,4,true);}
                    }
                ]
            });
            
            function rightClickFn(grid,rowIndex,e){
                e.preventDefault();
                rightClick.showAt(e.getXY());                    
            }
function auditWebVideoSecond(videoGrid,flag,change){
    
    var datas = grid.getSelectionModel().getSelections();
    if(datas.length <= 0)
        return;

    if(!inputwindow){
         var form = new Ext.form.FormPanel({
                        //baseCls: 'x-plain',
                        labelWidth: 55,
                        frame:true,
                        id:'inputwindow_form',
                        items: [
                         {
                            xtype:'fieldset',
                            title: '处理建议',
                            collapsible: false,
                            autoHeight:true,
                            width: 350,
                            defaults: {width: 330},
                            defaultType: 'textarea',
                            items: [{
                                hideLabel:true,
                                xtype:'textarea',
                                name: 'remark',
                                height:80,
                                id: 'remark'
                            }]},
                             {
                            xtype:'fieldset',
                            title: '节目来源',
                            collapsible: false,
                            autoHeight:true,
                            width: 350,
                            defaults: {width: 330},
                            defaultType: 'textfield',
                            items: [{
                                hideLabel:true,
                                xtype:'textarea',
                                height:40,
                                name: 'program_source',
                                id: 'program_source'
                            }]},
                        {
                            xtype:'fieldset',
                            layout:'column',
                            id:'priority_group',
                            title: '节目重要程度',
                            collapsible: false,
                            autoHeight:true,
                            width: 350,
                            items: [
                            {
                                width:60,
                                layout: 'form',
                               // labelWidth: 10,
                                items: new Ext.form.Radio({id:'priority0',name:'priority',value:"",hideLabel:true,boxLabel:'无',checked:true})
                            },
                             {
                                width:80,
                                layout: 'form',
                                //labelWidth: 40,
                                items: [new Ext.form.Radio({id:'priority1',name:'priority',value:"0",hideLabel:true,boxLabel:'一般'})]
                            },
                             {
                                width:80,
                                layout: 'form',
                                //labelWidth: 40,
                                items: [new Ext.form.Radio({id:'priority2',name:'priority',value:"1",hideLabel:true,boxLabel:'重要'})]
                            }]                            
                            
                        }
                        ]
                    });
                    
                   inputwindow = new Ext.Window({
                                    title: '处理建议',
                                    width: 400,
                                    height:300,
                                    layout: 'fit',
                                    bodyStyle:'padding:10px;',
                                    buttonAlign:'center',
                                    resizable:false,
                                    closeAction:'hide',
                                    modal:true,
                                    items: form,
                                    buttons: [{
                                        text: '保存',
                                        id:'save_function',
                                   },{
                                                    text: '取消',
                                                    handler:function(){
                                                        inputwindow.hide();
                                                    }
                                                }]
                                            });            
                                        
                                }
                 
   if(flag =='1')
   inputwindow.setTitle('处理建议[1]');
   else if(flag =='2')
   inputwindow.setTitle('处理建议[2]');
   else if(flag =='3')
   inputwindow.setTitle('处理建议[2]');
   else if(flag =='4')
   inputwindow.setTitle('处理建议[4]');
   inputwindow.show();
   

}




Robert Su 2008-12-12 17:36 发表评论
]]>一个Ext Tree例子http://www.blogjava.net/babymouse/archive/2008/12/12/245862.htmlRobert SuRobert SuFri, 12 Dec 2008 02:39:00 GMThttp://www.blogjava.net/babymouse/archive/2008/12/12/245862.htmlhttp://www.blogjava.net/babymouse/comments/245862.htmlhttp://www.blogjava.net/babymouse/archive/2008/12/12/245862.html#Feedback1http://www.blogjava.net/babymouse/comments/commentRss/245862.htmlhttp://www.blogjava.net/babymouse/services/trackbacks/245862.html
var tree_arr=[[1,'新浪播客','0'],[2,'tom','0'],[3,'网易播吧','0'],[4,'新浪播客子博客1','1'],[5,'新浪播客子博客2','1']];

var root=new Ext.tree.TreeNode({
      id:"root",
      text:"控制面板",
      expanded:true
});
var mytree=new Ext.tree.TreePanel({
      el:"tree",
     
      animate:true,
      title:"Extjs静态树",
      collapsible:true,
      enableDD:false,
      enableDrag:false,
      rootVisible:true,
      autoScroll:true,
      trackMouseOver:false,//false则mouseover无效果
      useArrows:false,
      width:150,
      lines:true 
  });
function get_root()
{
    var result=new Array();
    /*
    for(var i=0; i<tree_arr.length; i++)
        if(0 == tree_arr[i][2])
           root.appendChild(new Ext.tree.TreeNode({
                  id:tree_arr[i][0],
                 text:tree_arr[i][1]
         }));
    */
    var j=0;                
     for(var i=0; i<tree_arr.length; i++){
     if(0 == tree_arr[i][2]){
     result[j++]=tree_arr[i];
         }
     }
    return result;
}
function get_sub(parentId)
{
    var result=new Array();
    /*
    for(var i=0; i<tree_arr.length; i++){
        if(0 != tree_arr[i][0]){
            //var temp=Ext.tree.getNodeById(tree_arr[i][0]);
            alert(mytree.getNodeById('1'));
            mytree.getNodeById('1').appendChild(new Ext.tree.TreeNode({
                  id:tree_arr[i][0],
                 text:tree_arr[i][1]
                             }));
        }    
    }
    */
    var j=0;
    for(var i=0; i<tree_arr.length; i++){
    if(parentId==tree_arr[i][2]){
    result[j]=tree_arr[i];
    j++;
    }
    }
    return result;
}


//生成标签页
var tab = new Ext.TabPanel({
            region:'center',
            deferredRender:false,
            activeTab:0,
            resizeTabs:true, // turn on tab resizing
            minTabWidth: 115,
            tabWidth:135,
            enableTabScroll:true
        });

Ext.onReady(function(){
   //layout
   var viewport = new Ext.Viewport({
        layout:'border',
        items:[
            new Ext.BoxComponent({
                region:'north',
                el: 'north',
                height:80
            }),new Ext.BoxComponent({
                region:'south',
                el: 'south',
                height:25
            }),{
            region:'west',
            id:'west-panel',
            split:true,
            width: 200,
            minSize: 175,
            maxSize: 400,
            margins:'0 0 0 0',
            layout:'accordion',
            title:'系统菜单',
            collapsible :true,
            layoutConfig:{
                animate:true
                },
            items: [
                {
                    title:'EXT控件使用',
                    border:false,
                    html:'<div id="tree-div" style="overflow:auto;width:100%;height:100%"></div>'
                    //iconCls:'nav'
                }]
            },
        tab//初始标签页
         ]
    });

    //设置树形面板
    var Tree = Ext.tree;
    // set the root node
    var root = new Tree.AsyncTreeNode({
        text: 'Ext JS',
        draggable:false,
        id:'root'
    });

var resultRoot=get_root();
for(var i=0;i<resultRoot.length;i++){
    var rootNode=new Ext.tree.TreeNode({
                  id:resultRoot[i][0],
                 text:resultRoot[i][1]
         });
 var resultSub=get_sub(resultRoot[i][0]);
 for(var j=0;j<resultSub.length;j++){
    var subNode=new Ext.tree.TreeNode({
                  id:resultSub[i][0],
                 text:resultSub[i][1]
         });
     rootNode.appendChild(subNode);
 }    
  root.appendChild(rootNode);
}                    

var contextmenu=new Ext.menu.Menu({
    id:'Context',
    items:[{
        text:'R_menu1',
        handler:function(){
            alert('click');
        }
    }
    ]
    
});    

mytree.on('contextmenu',function(node,e){
    e.preventDefault();
    node.select();
    contextmenu.showAt(e.getXY());
});    
    
mytree.setRootNode(root);//设置根节点
mytree.render();


});
Ext.fly(A) is null 开始的时候一直提示这个错误~
后来发现firebug一直提示这个错误,每次调试的时候清空下cache比较好~~~



Robert Su 2008-12-12 10:39 发表评论
]]>ExtJS的Grid中xmlReader分页http://www.blogjava.net/babymouse/archive/2008/12/06/244754.htmlRobert SuRobert SuSat, 06 Dec 2008 03:49:00 GMThttp://www.blogjava.net/babymouse/archive/2008/12/06/244754.htmlhttp://www.blogjava.net/babymouse/comments/244754.htmlhttp://www.blogjava.net/babymouse/archive/2008/12/06/244754.html#Feedback0http://www.blogjava.net/babymouse/comments/commentRss/244754.htmlhttp://www.blogjava.net/babymouse/services/trackbacks/244754.html xmlReader跟JSONReader是有差别的
今天遇到一个分页问题一直困扰我，总是得不到正确的总数据数。
后来发现xmlReader中的总记录表示为totalRecords而JSONReader对应的是totalCounts





Robert Su 2008-12-06 11:49 发表评论
]]>ExtJS学习之menuhttp://www.blogjava.net/babymouse/archive/2008/11/18/241170.htmlRobert SuRobert SuTue, 18 Nov 2008 08:50:00 GMThttp://www.blogjava.net/babymouse/archive/2008/11/18/241170.htmlhttp://www.blogjava.net/babymouse/comments/241170.htmlhttp://www.blogjava.net/babymouse/archive/2008/11/18/241170.html#Feedback2http://www.blogjava.net/babymouse/comments/commentRss/241170.htmlhttp://www.blogjava.net/babymouse/services/trackbacks/241170.htmlExt.onReady(function(){
    Ext.QuickTips.init();

  
    var dateMenu = new Ext.menu.DateMenu({
        handler : function(dp, date){
            Ext.example.msg('Date Selected', 'You chose {0}.', date.format('M j, Y'));
        }
    });

    var colorMenu = new Ext.menu.ColorMenu({
        handler : function(cm, color){
            Ext.example.msg('Color Selected', 'You chose {0}.', color);
        }
    });

    var menu = new Ext.menu.Menu({
        id: 'mainMenu', 
        items: [    //定义菜单中的元素
            {
                text: 'I like Ext',
                checked: true,     
                checkHandler: onItemCheck
            },
         
           '-',  //添加菜单上的分隔符
           {
                text: 'Radio Options',
                menu: {       //定义二级菜单
                    items: [
                         '<b class="menu-title">Choose a Theme</b>',
                        {
                            text: 'Aero Glass',
                            checked: true,
                            group: 'theme',
                            checkHandler: onItemCheck
                        }, {
                            text: 'Vista Black',
                            checked: false,
                            group: 'color',
                            checkHandler: onItemCheck
                        }
                    ]
                }
            },
            {
                text: 'Choose a Date',
                iconCls: 'calendar',
                menu: dateMenu
            },
            {
                text: 'Choose a Color',
                menu: colorMenu    //这里前面定义了
            }
        ]
    });

    var tb = new Ext.Toolbar();  
    tb.render('toolbar');

    tb.add({
            text:'Button Menu',
            iconCls: 'bmenu',  //
            menu: menu  //分配menu到toolbar
        });

    // functions to display feedback
    function onButtonClick(btn){
        Ext.example.msg('Button Click','You clicked the "{0}" button.', btn.text);
    }

    function onItemClick(item){
        Ext.example.msg('Menu Click', 'You clicked the "{0}" menu item.', item.text);
    }

    function onItemCheck(item, checked){
        Ext.example.msg('Item Check', 'You {1} the "{0}" menu item.', item.text, checked ? 'checked' : 'unchecked');
    }

    function onItemToggle(item, pressed){
        Ext.example.msg('Button Toggled', 'Button "{0}" was toggled to {1}.', item.text, pressed);
    }

});


在html中加入    <div id="toolbar"></div>

Robert Su 2008-11-18 16:50 发表评论
]]>