程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程解疑 >> extjs-EXTJs3.2 如何在選擇文件後,將文件名獲取放textfield中? 謝謝!

extjs-EXTJs3.2 如何在選擇文件後,將文件名獲取放textfield中? 謝謝!

編輯:編程解疑
EXTJs3.2 如何在選擇文件後,將文件名獲取放textfield中? 謝謝!

EXTJs3.2 如何在選擇文件後,將文件名獲取放textfield中?
圖片說明

 Ext.onReady(function() {

            Ext.QuickTips.init();
            Ext.form.Field.prototype.msgTarget = 'side';


            var boardName = new Ext.form.TextField({
                  fieldLabel: '文件名',
                  width: 200,
                  xtype: 'textfield',
                  id: 'boardName'
            })

            var boardRevision = new Ext.form.TextField({
                  fieldLabel: '文件類型',
                  width: 200,
                  xtype: 'textfield',
                  id: 'boardRevision'
            })

/*          var zipField = new Ext.data.Field({
                xtype : 'field',
                fieldLabel : '選擇文件 ',
                allowBlank : false,
                inputType : 'file',
                name : 'file',
                emptyText : 'No file selected'
            })*/

            var fm = new Ext.FormPanel({
                        // url : 'uploadController.jsp?t=' + new Date(),
                    renderTo : Ext.getBody(),   
                    layout : 'form',
                    title : 'CAD Upload',
                    height : 350,
                    width : 580,
                    padding : '20',
                    closeAction : 'hide',
                    plain : true,
                    autoScroll : true,

                    defaults:{
                        width:180
                        ,allowBlank:false               
                        ,blankText:'該項不能為空!'  
                    },

                    items : [boardName,{
                                    xtype : 'box',
                                    height : '30'
                                },boardRevision,{
                                    xtype : 'box',
                                    height : '30'
                                },{
                                    xtype : 'field',
                                    fieldLabel : 'Zip File ',
                                    allowBlank : false,
                                    inputType : 'file',
                                    name : 'file',
                                    emptyText : 'No file selected'
                                }],         // Ext.getCmpId("fieldID").getValue();

                        buttons : [{
                                    text : '開始上傳',
                                    handler : function() {
                                        if (fm.form.isValid()) { 
                                            Ext.MessageBox.show({
                                                        title : '正在上傳文件',
                                                        width : 240,
                                                        progress : true,
                                                        closable : false,
                                                        buttons : {
                                                            cancel : 'Cancel'
                                                        }
                                                    });
                                            fm.getForm().submit();
                                        } else {
                                            Ext.Msg.alert("消息","請先選擇文件再上傳.");
                                            fm.form.reset();

                                        }
                                    }
                                }]
                    });

        });

最佳回答:


           , {
                xtype: 'field',
                fieldLabel: 'Zip File ',
                allowBlank: false,
                inputType: 'file',
                name: 'file',
                listeners: {
                    change: function () {////////
                        var m = /\\([^\\]+)$/.exec(this.getValue())[1];
                        Ext.get('boardName').dom.value = m;
                        Ext.get('boardRevision').dom.value = m.split('.')[1] || '';
                    }
                }
showbo
showbo
showbo
qq_33873617
qq_33873617
qq_33873617
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved