亚洲日本中文字幕一区二区三区,亚洲乱码在线卡一卡二卡新区,亚洲精品国产精品乱码不卡√

Tue, 11 Aug 2009 01:45:00 GMT

在Grid和Form�q�行异步载入的时候，一般都是用json来进行返回，�q�个时候就需要注意格式的问题。jsonReader的格式是固定的，都是一��L��
{"data":[{"spec":"aa","id":1,"name":"aa","helpCode":null,"code":"aaa"}],"success":true}
注意�Q�data的数据是一个数�l�，不管是grid昄��q�是form昄��Q�都是数�l�，只是grid有多条，而form��只需要一条而已�Q�这个问题我也找了好一会儿�?br />
从代码上看，grid和form调用的jsonReader是一��P��怎么格式有点不一��P��原来是这么个回事�Q�两者确实都是一��L��?br />
�l�过�q�次之后�Q�对jsonReader有了更深的了解，只要是异步，用jsonReader��好了，一般的问题都能搞定�?br />
特别是form的自��p��入，�q�样可以省掉很多事情�?

风�h�?/a> 2009-08-11 09:45 发表评论

Ext应用�?-- Form

Thu, 10 Jan 2008 08:02:00 GMT

对于Ext form只能说看上去很美�Q�对于一个复杂的��面�Q�写惯了html之后�Q�突然让你写一大堆的js�Q�对我来讲确实有点很为难。一旉��实在是接受不了。而且对于��面来说不是很直观，比较难控制�?br />
个�h意见�Q�对于复杂的��面�q�是不要用ext了，实在有点�J��?br />
但是对于象登录页面这�U�，�l�对是可以用ext的，��单，而且用户体验又好�?br />
下面的�Q务就是做一个跟后台交互的登录页面�?br /> 一是自己学习，二是�|�上完整的代码很��?br />
以便大家交流参考。：�Q?br />
期待ing

风�h�?/a> 2008-01-10 16:02 发表评论

Ext应用�?-- tab(3)

Thu, 10 Jan 2008 06:08:00 GMT

在��用ajax tab的时候，可能有些资料需要返回给当前的页面，�q�个时候怎么把那个tab的中的页面的资料传到当前��面呢？不懂

tab中嵌入iframe的简单方�?br /> // second tabs built from JS
    var tabs2 = new Ext.TabPanel({
        renderTo: document.body,
        activeTab: 0,
        width:600,
        height:250,
        plain:true,
        defaults:{autoScroll: true},
        items:[{
                title: 'Disabled Tab',
                disabled:true,
                html: ""
            }
        ]
    });

�q�样��可以轻村֮��C��个嵌入页面�?

ajax方式和iframe方式各有特点�?br /> 如果只是昄��一些内容的话，用ajax方式方便�?br /> 如果有操作，那就用iframe�Q�否则页面�\径都需要重新设�|�，而且提交的时候还有些不方便，js好像也有问题�?

风�h�?/a> 2008-01-10 14:08 发表评论

Ext应用�?-- 基础�Ҏ��

Thu, 10 Jan 2008 01:37:00 GMT

1、Ext.get 获得dom对象�Q�类��g��document.getElementById

        Ext.get("hideit").on('click', function() {
           var w = Ext.getCmp('west-panel');
           w.collapsed ? w.expand() : w.collapse();
        });

2、Ext.getCmp 获得Ext�l��g对象�Q�然后就可以直接�q�行�l��g操作�Q�首先组件要有ID�?

风�h�?/a> 2008-01-10 09:37 发表评论

Ext应用�?-- Tab(2)

Wed, 09 Jan 2008 02:15:00 GMT

前面在��用了��单的tab之后�Q�在后来的应用中�Q�又用到了高�U�tab�?br />
需要用��L��M��个链接之后，在panel中新增tab。这里有很多地方有疑问�?br />
1、在var viewport = new Ext.Viewport�Q�）中定义tab是这样子的�?br />

new Ext.TabPanel({
                id:tabs,
                region:'center',
                enableTabScroll:true,
                defaults: {autoScroll:true},
                deferredRender:false,
                activeTab:0,
                items:[{
                    contentEl:'center2',
                    title: 'Start',
                    autoScroll:true
                }]
            })

但是�q�样子导致这个TabPanel没有变量名，不能直接操作�?br /> 然后我试了通过viewport.add�q�行��d��的方式，可能是方法��用错误，��D��没有出来�?br /> 如果效果出来了�?br /> 后面�q�有问题�Q�我怎么通过�q�个tab来显�C�Z��个页面呢。通过ajax tab来显�C�。在basic tab�q�个例子里有看到�q�，知识�q�没有研�I��?br />
下面是动态添加tab的方�?br />

    function addTab(){
        tabs.add({
            title: 'New Tab ' + (++index),
            iconCls: 'tabs',
            html: 'Tab Body ' + (index) + '<br/><br/>'
                    + Ext.example.bogusMarkup,
            closable:true
        }).show();
    }

��通过TabPanel�q�个对象的变量来直接add。在add时候再动态蝲入页面内宏V�?

var viewport = new Ext.Viewport({
layout: 'border',
items: [{
region: 'north',
html: 'menu'
}, {
id: 'center_panel',
region: 'center',
layout: 'card',
items: [
{id: 'first_center', html: 'first center'}
]

}]
});

var center = Ext.getCmp('center_panel');
center.remove('first_center');
center.add({
id: 'second_center',
html: 'second center'
});
center.getLayout().setActiveItem('second_center');
center.doLayout();

通过指定TabPanel id�Q�然后通过Ext.getCmp('center_panel')�Q�就可以获得�q�个panel的句柄，��可以对�q�个�l��g�q�行操作。layout在add/remove之后需要调用center.doLayout()�Ҏ��Q�才能��后来新徏的tab的生效�?br />
3、ajax tab
function addFormTab(strScreen_ID, strScreenName){
  var tabs = Ext.getCmp('tabs');
  tabs.add({
   id: strScreen_ID,
   title: strScreenName,
   //html: 'second center',
   autoLoad: {url: './pages/web/business_frame.jsp', params: 'screen_ID=WEB.BU&screen_FK=' + strScreen_ID},
   closable:true
  });
  tabs.getLayout().setActiveItem(strScreen_ID);
  tabs.doLayout();
}

autoLoad: {url: './pages/web/business_frame.jsp', params: 'screen_ID=WEB.BU&screen_FK=' + strScreen_ID}

指定�q�个autoload�Q�就可以从相应的指定��面载入�?br />
以上已经��试成功。嘿嘿：�Q?br />

风�h�?/a> 2008-01-09 10:15 发表评论

Ext应用�?-- Toolbar & Menu

Tue, 08 Jan 2008 06:03:00 GMT

Ext.onReady(function(){
Ext.QuickTips.init();

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

    var menu = new Ext.menu.Menu({
        id: 'mainMenu',
        items: [
            {
                text: 'Logout',
                handler: Document_onLogout
            }
        ]
    });

    tb.add({
            text:'Main Menu',
            iconCls: 'blist',  // <-- icon
            menu: menu  // assign menu by instance
        }
    )
}

以上是一个简单的toolbar 及一个下拉按钮�?br />
1、声明一个toolbar
2、定义一个菜单及按钮
3、把菜单��d��到toolbar上面�?br />
注： handler: Document_onLogout 是点击这个菜单项时调用这个js函数�?

风�h�?/a> 2008-01-08 14:03 发表评论

Ext应用�?-- Tab

Fri, 28 Dec 2007 06:53:00 GMT

��单tab的应用，参考例�?br />

    var tabs = new Ext.TabPanel({
        renderTo: 'tabs1',
        width:450,
        activeTab: 0,
        frame:true,
        defaults:{autoHeight: true},
        items:[
            {contentEl:'script', title: 'Short Text'},
            {contentEl:'markup', title: 'Long Text'}
        ]
    });

tab的激�z�M��?br /> 在item的配�|�中增加
listeners: {activate: handleActivate}
handleActivate是一个方法，也就是当�Ȁ�z�L��一个tab的时候，��׃��调用�q�个�Ҏ��?

    // second tabs built from JS
    var tabs2 = new Ext.TabPanel({
        renderTo: document.body,
        activeTab: 0,
        width:600,
        height:250,
        plain:true,
        defaults:{autoScroll: true},
        items:[{
                title: 'Normal Tab',
                html: "My content was added during construction."
            },{
                title: 'Ajax Tab 1',
                autoLoad:'ajax1.htm'
            },{
                title: 'Ajax Tab 2',
                autoLoad: {url: 'ajax2.htm', params: 'foo=bar&wtf=1'}
            },{
                title: 'Event Tab',
                listeners: {activate: handleActivate},
                html: "I am tab 4's content. I also have an event listener attached."
            },{
                title: 'Disabled Tab',
                disabled:true,
                html: "Can't see me cause I'm disabled"
            }
        ]

    });

autoLoad:异步载入的页面�?

风�h�?/a> 2007-12-28 14:53 发表评论

Ext应用�?-- 事�g

Fri, 28 Dec 2007 06:50:00 GMT

事�g的自定义
treeDept.on('click', function(node){
    if(node.leaf==true){
       addSelected(node.id, node.text);
    }
});
如何自定义事件。上面针对tree的单��M��Ӟ��讄��的单��L��所要做的动作�?/p>

其他的事件设�|�可以参考这个。从API上查到相应的事�g名称�Q�然后就可以讑֮�了�?br />

风�h�?/a> 2007-12-28 14:50 发表评论

Ext应用一 -- TreeView

Fri, 28 Dec 2007 05:01:00 GMT

在导入需要文件之后，以下代码��p��生成一个tree了，非常的简单�?br /> ajax��d��台action拿组�l�架构的json字符丌Ӏ�搞定。还有页面上要定义一个div来显�C��个tree�?br />

风�h�?/a> 2007-12-28 13:01 发表评论