iframe 與 Page指示詞 之 MaintainScrollPositionOnPostback屬性

2016-07-06 

iframe 與 Page指示詞 之 MaintainScrollPositionOnPostback屬性

https://dotblogs.com.tw/mis2000lab/2016/07/06/iframe_maintainscrollpositiononpostback_webform

Q : 父網頁「內嵌」另一個子網頁，使用iframe來做。

      @Page指示詞的 MaintainScrollPositionOnPostback屬性，是否還管用？

論壇上看見的問題，自己做了一個小實驗。答案是OK的。

 用說的太抽象了，我錄製 YouTube教學影片，把執行解果為您演示一遍  

https://youtu.be/jsYSIbqJC_E

    

範例如下：

父網頁（.aspx）的內容

<%@ Page Language="C#" ......省略...... %>

   

   

   

        網頁內嵌     

   
   

============================================================================

" iframe 內嵌" 子網頁（.aspx）的內容。    檔名 : WebForm_iframe_01.aspx

      您可以把 Page指示詞的「MaintainScrollPositionOnPostback="true" 」取消（紅字，全刪除)  看看運作結果會怎樣？

      藉此瞭解這個屬性，用＆不用，產生哪些差異？

<%@ Page Language="C#" MaintainScrollPositionOnPostback="true" ......省略...... %>

   

   

   

         這是一個測試網頁，搭配 WebForm_iframe_Postback.aspx

        測試 PostBack以後，能否維持在同一個地方（MaintainScrollPositionOnPostback屬性 = true）
       

---

       

       

       

       

         ==

         ==

         ==

         ==

         ==

         ==

         ==

         ==

         ==

         ==

         ==

         ==

         ==

         ==

         ==

         ==

         ==

         ==

         ==

         ==

         ==

       

       

       

       

       

       
 (故意把畫面拉長一點，做實驗)
         
       

   

   

我將思想傳授他人， 他人之所得，亦無損於我之所有；

猶如一人以我的燭火點燭，光亮與他同在，我卻不因此身處黑暗。----Thomas Jefferson

......... 寫信給我，mis2000lab (at) yahoo.com.台灣 .....................................................................................

................   facebook社團   https://www.facebook.com/mis2000lab   ............................

................   Google+   https://plus.google.com/100202398389206570368/posts ..............

................  YouTube (ASP.NET) 線上教學影片  http://goo.gl/rGLocQ

[遠距教學、教學影片] ASP.NET (Web Form) 課程 上線了！微軟MVP --MIS2000Lab.主講

事先錄製好的影片，並非上課時側錄！   觀看影片時，有如我「一對一」跟您面對面講課。

VS 2015 找不到.NET 4.6.2 (自己手動安裝)

VS 2015 找不到.NET 4.6.2 (自己手動安裝)

dotblogs.com.tw/mis2000lab/2016/08/24/dotnet_462_download

有位朋友來信問道：

      我的VS 2015已經升級最新版（Update），但建立新專案、新網站時，卻找不到 .NET 4.6.2 ????

我自己電腦打開看一下，發現 日前安裝VS 2015 (Update 3) & VS 15 Preview 4也都沒有看見 .NET 4.6.2

沒關係，手動安裝上去就好了。

首先，在Visual Studio建立新專案、建立新網站時，

上方可以選擇「.NET版本」，點選後，可以看見最下方  「其他Framework」的選項

點選後，會來到 http://getdotnet.azurewebsites.net/target-dotnet-platforms.html

直接下載 -- 

.NET 4.6.2 runtime 由此下載  https://www.microsoft.com/zh-tw/download/details.aspx?id=53345

或是

.NET 4.6.2 SDK 由此下載  https://www.microsoft.com/zh-tw/download/details.aspx?id=53321  

Microsoft .NET Framework 4.6.2 開發人員套件會安裝（這三者） .NET Framework 4.6.2、.NET 4.6.2 目標套件及 .NET 4.6.2 SDK。 

（先下載英文版，完成後再下載中文版）

[遠距教學、教學影片] ASP.NET (Web Form) 課程 上線了！微軟MVP --MIS2000Lab.主講

事先錄製好的影片，並非上課時側錄！   觀看影片時，有如我「一對一」跟您面對面講課。

 

 

我將思想傳授他人， 他人之所得，亦無損於我之所有；

猶如一人以我的燭火點燭，光亮與他同在，我卻不因此身處黑暗。----Thomas Jefferson

......... 寫信給我，mis2000lab (at) yahoo.com.台灣  .............................................................

................   facebook社團   https://www.facebook.com/mis2000lab   ......................

................   Google+   https://plus.google.com/100202398389206570368/posts ........

................  YouTube (ASP.NET) 線上教學影片  http://goo.gl/rGLocQ

...............................................................................

HTML5 教學影片（搭配碁峰出版社的 HTML5認證教科書）

HTML5 教學影片（搭配碁峰出版社的 HTML5認證教科書）

https://dotblogs.com.tw/mis2000lab/2016/07/07/youtube_html5_mis2000lab_2016

很多操作畫面、設定步驟，如果透過「文字與圖片」解說，往往要大量抓圖、擷取畫面，實在太辛苦了。

現在我改用錄影，來取代文章撰寫。放在 YouTube分享。

感恩 Camtasia Studio 贊助 "錄影"軟體給微軟MVP得主，我會善用您的軟體，分享影片

關於碁峰出版社的 HTML5認證教科書，因為有些讀者（初學者）真的從零開始

連軟體下載、使用都不會（遇見困難），所以我盡量錄製一些影片，幫助這些毫無基礎的使用者

希望有幫上忙。

MIS2000 Lab. 位於 YouTube的線上教學影片     https://www.youtube.com/channel/UC6IPPf6tvsNG8zX3u1LddvA

============================================================

目前錄製好的影片如下：

[HTML5]第零章，給初學者的行前準備
https://youtu.be/lGXnlVIEO00

[HTML5]第一、第二章HTML & CSS入門與線上教學網站--freecodecamp
https://youtu.be/sHn97xSjB5Q

[HTML5] HTML表單的Method（Post與Get差異）與Action
https://youtu.be/4Gn1RoWo2ZI

後續還會持續增加，您可以搜尋「youtube mis2000lab html5」關鍵字找到相關的影片

============================================================

HTML5、CSS、JavaScript 網頁程式設計與 MCSD 70-480 認證教材

HTML5、CSS、JavaScript 網頁程式設計與 MCSD 70-480 認證教材

MIS2000 Lab. 周棟祥/吳進魯

• 出版商:碁峰
• 出版日期：2015-04-09
• 台幣定價:
• $480
• 售價:7.9 折 $379
• 語言:繁體中文
• ISBN:9863475750
• ISBN-13:9789863475750

書本的內容、摘要，我分享在此   https://dotblogs.com.tw/mis2000lab/2014/09/26/html5_iron_man_2014

**********************************************************************************************************************

我要買書：

PChome  http://24h.pchome.com.tw/books/prod/DJAV0S-A90060ASI

博客來  http://www.books.com.tw/products/0010671214

天瓏書局  https://www.tenlong.com.tw/items/9863475750?item_id=1003110

我將思想傳授他人， 他人之所得，亦無損於我之所有；

猶如一人以我的燭火點燭，光亮與他同在，我卻不因此身處黑暗。----Thomas Jefferson

......... 寫信給我，mis2000lab (at) yahoo.com.台灣 .....................................................................................

................   facebook社團   https://www.facebook.com/mis2000lab   ............................

................   Google+   https://plus.google.com/100202398389206570368/posts ..............

................  YouTube (ASP.NET) 線上教學影片  http://goo.gl/rGLocQ

[遠距教學、教學影片] ASP.NET (Web Form) 課程 上線了！微軟MVP --MIS2000Lab.主講

事先錄製好的影片，並非上課時側錄！   觀看影片時，有如我「一對一」跟您面對面講課。

ADO.NET #4.1（改），自己設定輸入畫面，讓SqlDataSource幫我「刪除」一筆資料

ADO.NET #4.1（改），自己設定輸入畫面，讓SqlDataSource幫我「刪除」一筆資料

https://dotblogs.com.tw/mis2000lab/2016/07/07/sqldatasource_delete_2016


這篇文章算是以前的範例，稍做改良。給學員回家練習的。
這個範例不難，書本「下集」有講，以前也分享過。
ADO.NET #4（改），自己設定輸入畫面，讓SqlDataSource幫我們完成「新增」一筆資料
https://dotblogs.com.tw/mis2000lab/2008/09/19/sqldatasource_20080919

您選了DropDownList裡面的某一篇文章之後，按下 Button就會被刪除
我簡單用圖片解說如下，三張圖片搞定：

1.  DropDownList1 + SqlDataSource1
    把文章 title & id 列在 DropDowlist1裡面。
    文章title，是給人看的（Text屬性）。
    id，是程式會用到的值（Value屬性）


2. 產生第二個 SqlDataSource2，我們只取他的 Delete指令（也就是 DeleteQuery）
    刪除指令，只需要填入ID
    Delete from 資料表 where id = @ID
    後面的「@ID」請對應本頁的 DropDownList1


3. 按下Button，執行 SqlDataSource2.Delete();
    完成！
您選了DropDownList裡面的某一篇文章之後，按下 Button就會被刪除


        文章列表：                               DataSourceID="SqlDataSource1" DataTextField="title" DataValueField="id">
       
                          ConnectionString="<%$ ConnectionStrings:testConnectionString %>" SelectCommand="SELECT [id], [title] FROM [test]">
       

       


                    ConnectionString="<%$ ConnectionStrings:testConnectionString %>"
            DeleteCommand="DELETE FROM [test] WHERE [id] = @id" OnDeleted="SqlDataSource2_Deleted">
           
                Control
Parameter ControlID="DropDownList1" Name="id" PropertyName="SelectedValue" Type="Int32" />
           
       

       

       

        OnClick="Button1_Click" />