這是我的文章備份。原文請看:

[習題 / 文章試讀]連動式 地址查詢(連動式 DropDownList,類似郵局的功能)

http://www.dotblogs.com.tw/mis2000lab/archive/2011/06/08/active_dropdownlist_post_address.aspx

 

 

[習題]連動式 地址查詢(連動式 DropDownList,類似郵局的功能)


這問題,算是網路論壇的第一號FAQ了吧。
常見度超高..............



這個功能不難,但以前要寫 JavaScript也很複雜。
程式多到我自己也看不懂。
 

但有了 ASP.NET + SqlDataSource (or AccessDataSource)以後
就變得超簡單的。

只要善用 Visual Studio、

熟悉 SqlDataSource的精靈,
尤其是裡面「Where」按鈕的操作,就很簡單。


 

 

==== 基礎技巧 =================================


以下是我的書本(上集),第九章 第一節的操作說明:
http://www.dotblogs.com.tw/mis2000lab/archive/2008/12/02/gridview_sqldatasource_1202.aspx

有PDF檔下載,可以閱讀。


書本(上集),第九章 第二節的操作說明:
http://www.dotblogs.com.tw/mis2000lab/archive/2009/03/13/7462.aspx



基本上,這樣的技巧熟悉以後,就能完成。
=============================================
 

 

本來不想張貼這篇,因為我跟本不知道對方底子到哪裡?


但如果您 (1). 具備基本能力(例如:熟讀書本的上集,第九章

(2). 剩下就只有「關連式資料表」是您比較吃力的部分了。

這部分,我不知道怎麼帶你走。

只能說多學、多作、多看(多觀摩人家作品,例如微軟的DB範例,北風資料庫!)

 

 

以下範例會收錄在新書裡面:(圖片五張,請耐心等候)

 

第一個範例,HTML設計畫面如下:

縣市:<asp:DropDownList ID="DropDownList1" runat="server"
                  AppendDataBoundItems="True" AutoPostBack="True" DataSourceID="SqlDataSource1"
                  DataTextField="city_name" DataValueField="a1_id">
            <asp:ListItem Value="0">請選擇 --</asp:ListItem>
        </asp:DropDownList>
        
        <asp:SqlDataSource ID="SqlDataSource1" runat="server"
            ConnectionString="<%$ ConnectionStrings:testConnectionString %>"
            SelectCommand="SELECT [a1_id], [city_name] FROM [Address_1]">
        </asp:SqlDataSource>




區域:<asp:DropDownList ID="DropDownList2" runat="server"
                  AppendDataBoundItems="True" AutoPostBack="True" DataSourceID="SqlDataSource2"
                  DataTextField="district_name" DataValueField="a2_id">
            <asp:ListItem Value="0">請選擇--</asp:ListItem>
        </asp:DropDownList>
        
        <asp:SqlDataSource ID="SqlDataSource2" runat="server"
            ConnectionString="<%$ ConnectionStrings:testConnectionString %>"
            SelectCommand="SELECT * FROM [Address_2] WHERE ([a1_id] = @a1_id)">
            <SelectParameters>
                <asp:ControlParameter ControlID="DropDownList1" Name="a1_id"
                    PropertyName="SelectedValue" Type="Int32" />
            </SelectParameters>
        </asp:SqlDataSource>



道路:<asp:DropDownList ID="DropDownList3" runat="server"
                  AppendDataBoundItems="True" DataSourceID="SqlDataSource3"
                  DataTextField="street_name" DataValueField="a3_id">
            <asp:ListItem Value="0">請選擇--</asp:ListItem>
        </asp:DropDownList>
        
        <asp:SqlDataSource ID="SqlDataSource3" runat="server"
            ConnectionString="<%$ ConnectionStrings:testConnectionString %>"
            SelectCommand="SELECT * FROM [Address_3] WHERE ([a2_id] = @a2_id)">
            <SelectParameters>
                <asp:ControlParameter ControlID="DropDownList2" Name="a2_id"
                    PropertyName="SelectedValue" Type="Int32" />
            </SelectParameters>
        </asp:SqlDataSource>
        
&nbsp;&nbsp;&nbsp;
        <asp:Button ID="Button1" runat="server" Text="Button_確認" />
        <br />
        結果:<asp:Label ID="Label1" runat="server"
            style="font-weight: 700; color: #CC0000"></asp:Label>

 

 

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

兩個範例程式如下,請自行下載。

 

範例下載(必須搭配資料庫,請自己跟著上面的介紹,自己設定):

連動式地址查詢_DropDownList.rar

 

 

如果您可以容忍第一支程式的缺點,那就用 SqlDataSource精靈來作吧!

 

要學第二支程式,也很簡單,

我早就提供 ADO.NET的範本了(for DataReader)

但這部分要看書,不然的話,三言兩語,學不會。

 

 

網頁上的補充範例(售後服務)不一定能立即提供 VB / C#語法(看時間夠不夠寫,請不要跟我們要)
書本上面的範例,一定有 VB / C#雙語法給您學習。          請看我們的「售後服務」範圍(嚴格認定)

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

    ASP.NET 4.0 專題實務(松崗出版)

上 / 下兩集合購。優惠價1,180元(免郵資)

上集( .NET 4.0版)全新改寫。範例增加66%,內容增加35%。上市以來,熱銷五刷

下集(第二版,黑皮書)上市一個月熱銷再刷,2010一年內(第一版)熱銷四刷第二版半年熱銷四刷! 下集內容增加66%。

上下兩集將近2,000頁,堪稱國內 [最詳盡]的ASP.NET範例教學。

南無普光佛  南無普明佛  南無普淨佛  南無多摩羅跋栴檀香佛  南無栴檀光佛  南無摩尼幢佛  南無歡喜藏摩尼寶積佛  南無一切世間樂見上大精進佛   南無摩尼幢燈光佛
南無慧炬照佛  南無海德光明佛   南無金剛牢強普散金光佛  南無大強精進勇猛佛  南無大悲光佛   南無慈力王佛  南無慈藏佛  南無栴檀窟莊嚴勝佛  南無賢善首佛
南無善意佛  南無廣莊嚴王佛  南無金華光佛  南無寶蓋照空自在力王佛  南無虛空寶華光佛  南無琉璃莊嚴王佛  南無普現色身光佛  南無不動智光佛  南無降伏眾魔王佛  
南無才光明佛  南無智慧勝佛  南無彌勒仙光佛  南無善寂月音妙尊智王佛  南無世淨光佛  南無龍種上尊王佛  南無日月光佛  南無日月珠光佛  南無慧幢勝王佛  
南無師子吼自在力王佛  南無妙音勝佛  南無常光幢佛  南無觀世燈佛  南無慧威燈王佛  南無法勝王佛  南無須彌光佛  南無須曼那華光佛  南無優曇鉢羅華殊勝王佛  
南無大慧力王佛  南無阿閦毗歡喜光佛  南無無量音聲王佛  南無才光佛   南無金海光佛  南無山海慧自在通王佛  南無大通光佛  南無一切法常滿王佛  南無釋迦牟尼佛
南無金剛不壞佛  南無寶光佛  南無龍尊王佛  南無精進軍佛  南無精進喜佛  南無寶火佛  南無寶月光佛  南無現無愚佛  南無寶月佛  南無無垢佛  南無離垢佛   
南無勇施佛  南無清淨佛  南無清淨施佛  南無娑留那佛  南無水天佛  南無堅德佛  南無栴檀功德佛  南無無量掬光佛  南無光德佛  南無無憂德佛
南無那羅延佛  南無功德華佛  南無蓮華光遊戲神通佛  南無財功德佛  南無德念佛  南無善名稱功德佛  南無紅燄帝幢王佛  南無善遊步功德佛  南無鬪戰勝佛  
南無善遊步佛  南無周匝莊嚴功德佛  南無寶華遊步佛  南無寶蓮華善住娑羅樹王佛   南無法界藏身阿彌陀佛

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

 

 

arrow
arrow
    全站熱搜

    MIS2000 Lab 發表在 痞客邦 留言(0) 人氣()