2011年10月25日

[ASP.NET]Response與Postback

目前開發中的專案,有一項功能是使用者能針對資料進行申請下載,當使用者點選申請列表的下載按鈕或整批下載按鈕時,資料將匯出成EXCEL檔案,並供使用者作後續使用,而位於申請下載列表的資料則轉入已下載列表內,如下圖所示。

  • 下載EXCEL檔案的程式碼如下:
  • Response.Clear();                
    Response.WriteFile(physicPath + fileName);
    string httpHeader = "attachment;filename=backup.Xls";
    Response.ContentType = "application/vnd.ms-excel";
    Response.AppendHeader("Content-Disposition", httpHeader);
    Response.Flush();
    Response.End();
    
實際執行功能時,系統順利的顯示檔案下載視窗,但卻無法將申請下載列表內的資料,轉入已下載列表,搜尋網路上的資料,原因為:
當使用到 Response.End 方法時,會呼叫內部的Thread.Abort()方法,引發ThreadAbortException 的例外,導致網頁的執行停止,並略過 Response.End 以下的程式碼。詳細說明,可參考Response.End() Exceptions in ASP.NET
本案例的情況為,網頁雖有作postback,但遇到Response的相關操作,程式執行過程中的部分程序將會被略過或終止,轉為將檔案輸出至用戶端,使得網頁並未回傳至用戶端的瀏覽器。
  • 解決方式,大多建議開新視窗進行檔案下載,開新視窗作檔案下載之程式碼如下:
  • string newWin = "window.open('" + "WEBFileURL" + fileName + "');";
    ClientScript.RegisterStartupScript(this.GetType(), "pop", newWin, true);

2011年9月23日

IE8相容性模式問題

近期一個專案是以Visual Studio 2010開發ASP.NET網站,在套用版面及CSS樣式過程中,皆直接使用Visual Studio的[在瀏覽器檢視功能],以IE8檢視版面並進行修正,經過一番折騰,內容顯示終於跟設計稿相去不遠,但將網站佈署至IIS後,再以IE8檢視時,XD,怎麼有種七月半的感覺(版面破相了XD),請教Google神,獲得的解答是IE8相容性模式問題。
若HTML網頁沒有定義DOCTYPE要以何種模式作呈現,將會採用Quirks模式。
Visual Studio的[在瀏覽器檢視功能]似乎是以IE8標準模式作呈現,故將網頁定義為IE8標準模式,即可解決該問題。
  • 作法可參考以下網址的說明:
    • http://tsuozoe.pixnet.net/blog/post/24804436-internet-explorer-8
    • http://msdn.microsoft.com/zh-tw/library/cc817570.aspx
  • 也可透過程式碼,進行網頁定義:
  • protected override void OnPreInit(EventArgs e)
    {
        Response.AddHeader("X-UA-Compatible", "IE=8");
        base.OnPreInit(e);
    }
    

2011年9月21日

Update Panel Scrolling 問題

  • 一般以ASP.NET開發的網頁,若需在postback後,仍保持原本scrolling的位置,可於Page標籤加入MaintainScrollPositionOnPostback="true"屬性,即可解決。
  • <%@ Page Language="C#" AutoEventWireup="true" CodeFile="FindLocation.aspx.cs" Inherits="FindLocation" MaintainScrollPositionOnPostback="true" %>
    
  • 但若Scrolling的容器(ex:div)位於Update Panel內,則上述設定將無法讓Scrolling保持原有位置,解決方法如下:
  • 於ScriptManager標籤後加入以下JavaScript程式碼
      <asp:ScriptManager ID="ScriptManager" runat="server">
        </asp:ScriptManager>
        <script type="text/javascript">
            var xPos, yPos;
            var prm = Sys.WebForms.PageRequestManager.getInstance();
            prm.add_beginRequest(BeginRequestHandler);
            prm.add_endRequest(EndRequestHandler);
            function BeginRequestHandler(sender, args) {
                xPos = $get('gvDiv').scrollLeft; //gvDiv請更換成適合的ID名稱
                yPos = $get('gvDiv').scrollTop;
            }
            function EndRequestHandler(sender, args) {        
                $get('gvDiv').scrollLeft = xPos;
                $get('gvDiv').scrollTop = yPos;
            }
         </script>
    
參考來源:http://forums.asp.net/t/1156877.aspx/2/10

FLEX嵌入HTML時,HTML元素無法輸入中文問題

  • 解決方法:
  • 在指定為Application的mxml頁面,加入監聽MouseEvent.ROLL_OUT事件,相關程式碼如下:
    
    vc.addEventListener(MouseEvent.ROLL_OUT, setSRF); //vc請自行修改成合適的ID名稱
    
    private function setSRF(event:MouseEvent):void{ 
         if(Capabilities.hasIME){ 
              IME.enabled=true; 
              IME.conversionMode="CHINESE"; 
         } 
    }
    

參考來源:http://blog.csdn.net/vipliyaohua/article/details/6586457

2011年3月23日

Factory Method Pattern(工廠模式)

  • Definition
  • The Factory Method Pattern defines an interface for creating an object, but lets subclasses decide which class to instantiate. Factory Method lets a class defer instantiation to subclasses.
    
  • Class Diagram
  • Product Role
  • public abstract class Product {
        public void method1() {
        //doSomething
        }
    
    public abstract void method2() ;
    
    }
    
  • ConcreteProduct Role
  • public ConcreteProduct1 extend Product {
        public void method2() {
            //doSomething
        }
    }
    
    public ConcreteProduct2 extend Product {
        public void method2() {
            //doSomething
        }
    }
    
  • Creator Role
  • public abstract class Creator {
        public abstract <T extends Product> T createProduct(Class<T> c);
    }
    
  • ConcreteCreator Role
  • public class ConcreteCreator extends Creator {
        public <T extends Product> T createProduct(Class<T> c) {
            Product product=null;
            try {
                product = (Product)Class.forName(c.getName()).newInstance();
            } catch (Exception e) {
                //error process
            }
            Return (T)product;
        }
    }
    
  • Client Role
  • public class Client {
        public static void main(String[] args) {
            Creator creator = new ConcreteCreator();
            Product product = creator.creatorProduct(ConcreteProduct1.class);
            //doSomething
        }
    }
    

2011年3月2日

Decorator Pattern(裝飾模式)

  • Definition
  • The Decorator Pattern attaches additional responsibilities to an object dynamically. Decorators provide a flexible alternative to subclassing for extending functionality.
    
  • Class Diagram
  • Component Role
  • public abstract class Component {
        public abstract void operate();
    }
    
  • ConcreteComponent Role
  • public class ConcreteComponent extends Component {
        @Override
        public void operate() {
            System.out.println("do Something");
        }
    }
    
  • Decorator Role
  • 
    public abstract class Decorator extends Component {
        private Component _component;
        
        public Decorator(Component component) {
            this._component = component;
        }
    
        @Override
        public void operate() {
            this._component.operate();
        }
    }
    
  • ConcreteDecorator Role
  • public class ConcreteDecorator1 extends Decorator {
    
        public ConcreteDecorator1(Component component)
            super(component);
        }
    
        private void method1() {
            System.out.println("method1 Decorator");
        }
    
        public void operate() {    
            this.method1();
            super.operate();
        }
    }
    
    public class ConcreteDecorator2 extends Decorator {
    
        public ConcreteDecorator2(Component component)
            super(component);
        }
    
        private void method2() {
            System.out.println("method2 Decorator");
        }
    
        public void operate() {    
            this.method2();
            super.operate();
        }
    }
    
  • Client Role
  • public class Client {
        public static void main(String[] args) {
            Component component = new ConcreteComponent();
            component = new ConcreteDecorator1(component);
             component = new ConcreteDecorator2(component);
            component.operate();
        }
    }
    

2011年2月28日

Observer Pattern(觀察者模式)

  • Definition
  • The Observer Pattern defines a one-to-many dependency between 
    objects so that when one object changes state, all of its 
    dependents are notified and updated automatically.
    
  • Class Diagram
  • Subject Role
  • public abstract class Subject {
        private Vector<Observer> obsVector = new Vector<Observer>();
        
        public void addObserver(Observer o) {
            this.obsVector.add(o);
        }
        
        public void delObserverr(Observer o) {
            this.obsVector.remove(o);
        }
    
        public void notifyObservers() {
            for (Observer o:this.obsVector) {
                o.update();
            }
        }
    }
    
  • ConcreteSubject Role
  • public class ConcreteSubject extends Subject {
        public void doSomething() {
             //do something
            notifyObserver();
        }
    }
    
  • Observer Role
  • public interface Observer {
        public void update();
    }
    
  • ConcreteObserver Role
  • public class ConcreteObserver implements Observer {
        pulic void update() {
            system.put.println("received notification, do somthing");
        }
    }
    
  • Client Role
  • public class Client {
        public static void main(String[] args) {
            ConcreteSubject subject = new ConcreteSubject();
            Observer obs = new ConcreteObserver();
            subject.addObserver(obs);
            subject.doSomething(); 
        }
    }