悟心

成功不是將來才有的,而是從決定去做的那一刻起,持續(xù)累積而成。上人生的旅途罷。前途很遠,也很暗。然而不要怕。不怕的人的面前才有路。

BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合

:: 管理 ::

93 隨筆 :: 1 文章 :: 103 評論 :: 0 Trackbacks

<

2010年8月

>

日

一

二

三

四

五

六

25

26

27

28

29

30

31

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

常用鏈接

留言簿(2)

隨筆分類(91)

隨筆檔案(92)

搜索

閱讀排行榜

評論排行榜

extjs 圖片上傳

上傳控件：
var panel3 = new Ext.form.FormPanel({
    labelAlign : 'left',
         labelWidth:60,
    border : false,
    bodyStyle : 'padding:4px;',
    frame : false,
    url : '../ajaxdata/uploadFile.jsp',
    autoHeight : true,
    fileUpload : true,
    items : [{
        id : 'file',
        autoScroll : false,
        xtype : 'textfield'
                  fieldLabel:'本地上傳',
        name : 'file',
        hideLabel : true,
        // inputType : 'file'//按照Ext默認的屬性將inputType設為file時，始終響應不了onchange事件，結果就以autoCreate的方式，如下，因為這種方式相當于html里的input,所以也就響應得了啦！

        autoCreate : {
            tag : "input",
            type : "file",
            size : "20",
            autocomplete : "off",
            onChange : "browseImages(this.value);"
        }
    }]

    ,
    buttons : [{
        text : '上傳',
        handler : function() {
            panel3.getForm().submit({
                // waitTitle : "請稍候",
                waitMsg : "正在上傳

",
                success : function(form, action){},
                failure : function(form, action) {
                    Global.alert('上傳圖片失敗！');
                }
            })
        }
    }]
});

/*
* 編輯
* @date 2008 July 10
*/
經(jīng)過實踐，還存在一種可以激發(fā)change事件的方法；
首先說一下獲取form里面的field的三種方法：
1）Ext.getCmp('id');
2）FormPanel.getForm().findField('id/name');
3）Ext.get('id/name');  //前提是FormPanel在界面上顯示出來了

應用上面的第1和第2種方法得到的組件均觸發(fā)不了change事件，只有第三種方法可以
觸發(fā)，前提是FormPanel要在界面上顯示出來，所以需要觸發(fā)show事件，然后在show
事件里調用Ext.get('id/name')，由于FormPanel經(jīng)常是放在Ext.Window里的,所
以新的問題又來了：
  1）調用FormPanel.on('show',fn);//當Window顯示出來的時候，事件沒有觸發(fā)
  2）調用FormPanel.getForm().on('show',fn);//情況同上
  3）調用FormPanel.ownerCt.on('show',fn);//OK 一切搞定
其中scope也是需要注意的一項！

   如果再不行的話，可以先調用:
      FormPanel.ownerCt.on('render',function(){
          FormPanel.ownerCt.on('show',fn,this);
      },this);

posted on 2010-08-29 13:52 艾波閱讀(3342) 評論(2) 編輯收藏所屬分類: Extjs


只有注冊用戶登錄后才能發(fā)表評論。




網(wǎng)站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: Ext動態(tài)加載JS文件 [轉]Extjs 擴展Htmleditor，支持圖片上傳文件上傳插入flash 插入多媒體插入層插入橫線等功能 ExtJs中如何打開指定類型的本地文件 extjs 圖片上傳 Extjs常見問題及解決方案之帶參數(shù)查詢下一頁數(shù)據(jù)異常解決方案 Extjs Column布局常見問題及解決方法 Extjs.grid 詳解 ExtJs總結(一)[轉] Extjs.grid.Checkbox獲值 Extjs grid中文排序異常修正[貼]

悟心

常用鏈接

留言簿(2)

隨筆分類(91)

隨筆檔案(92)

文章檔案(1)

新聞檔案(5)

相冊

1

搜索

最新評論

閱讀排行榜

評論排行榜

評論