2017年8月12日 星期六

009利用Panel做回饋

  上一節新增文章後,畫面上沒什麼變動就把文章新增到資料表中了,對於新增文章的人而言,會搞不清楚到底有沒有新增成功,必須開啟展示頁才能確定,這有點不人性化。如果新增了文章,應該跳出訊息,告訴操作者文章已新增成功,這畫面就用「Panel」來開關囉。

  如上面兩張圖示,先在畫面上拉進兩個「Panel」。

接下來,先把程式寫在「Page_Load」裡,程式碼為:
Panel2.Visible = false;
也就是後開始載入網頁後就直接執行的程式,讓Panel2隱藏起來。

  接下來在「新增文章」按鈕裡寫「Click」事件的程式,如下:

  當按下「新增文章」後,讓Panel1隱藏,而原來隱藏的Panel2反而顯現出來。

Panel2裡放兩個東西,一個是Label,顯示的文字是「已新增文章」;還有一個按鈕,用來關閉這個Panel的。程式碼如下:

  除了開關Panel1Panel2之外,還要清空「TextBox1」裡的文字,不然回到輸入畫面時,會停留在前一篇文章。




最後,上面四張圖表示程式寫完後,操作的結果。

沒有留言:

張貼留言