首頁 > 開發者 > ASP

Asp.Net2.0無限制聯動下拉框組件AdSelect發布(提供下載)

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！
     在很多的應用中我們都會遇到用到聯動下拉框,例如行業的聯動,地理地區聯動等等,網上大多數聯動都是純javascript編寫的,並且最大級數只為三級連動,資料來源更新不方面, AdSelect能夠很好的解決該問題,並且部署簡單,支援無限制的下拉框連動!目前支援的資料來源只有XML,下一版本中將支援DataBase!大家可以看看簡單的效果:(http://sj.d0086.com/testadselect/default.aspx),下面簡單說明下怎麼樣部署:

部署aspx頁面

    1,將AdSelect.dll引用到項目中(添加引用---選擇dll檔案).
    2,引用命名空間:
    

using AdvancedSelect;

    3,切換到aspx頁面,註冊使用者控制項<%@ Register Assembly="AdvancedSelect" Namespace="AdvancedSelect" TagPrefix="AdSelectUC" %>

    4,在頁面Body地區引入使用者控制項<AdSelectUC:AdSelectHtml runat="server"/>

頁面的部署就完成了,下面我們來配置
注:配置全部在用戶端完成,服務端不用做任何配置!

在<head>地區加入配置代碼    <script type="text/javascript">
    var c;
    function vvv(){
           c=new AdSelect();
           c.DefaultName="請選擇";
           c.LoadText="正在載入資料";
           c.IsDisplayLoadText=true;
           c.Build("id1");
           c.Load();
    }
    </script>

 

說明:
1,聲明一個全域變數(用於建立對象)c.
2,建立一個AdSelect對象,該對象有如下方法和屬性
    (1),DefaultName為預設顯示的字元,預設值:"Please Select";
    (2),DefaultValue:DefaultName對應的預設值.
    (3),LoadText:載入時顯示的內容.
    (4),IsDisplayLoadText:載入時是否顯示LoadText,預設為True
    (5),Build():綁定下拉框,參數為下拉框的id,可以傳入多個id ,例:c.Build("id1","id2","id3").
    (6),getText(id):擷取指定id的下拉框當前選擇的文字
    (7),getValue(id):擷取指定id的下拉框當前選擇的值
這樣您就已經部署完成了!

部署資料來源

來看XML資料來源,資料來源檔案名稱預設為:AdSelectDataSource.xml,資料來源的結構如下,標籤名,Name屬性,Value屬性,Id屬性不可更改.

<?xml version="1.0" encoding="utf-8" ?>
<AdSelect>
  <T Name="廣東" Value="gd" Id="1">
    <T Name="深圳" Value="sz" Id="2">
      <T Name="羅湖" Value="lh" Id="3">
        <T Name="黃貝嶺" Value="" Id="4">
           <T Name="上村" Value="" Id="5"/>
        </T>
        <T Name="長嶺" Value="" Id="7" />
      </T>
    </T>
    <T Name="廣州" Value="gz" Id="9"/>
  </T>
  <T Name="湖北" Value="hb" Id="19">
    <T Name="荊州" Value="jz" Id="10"/>
  </T>
  <T Name="江西" Value="jx" Id="12"></T>
</AdSelect>

您的資料來源必需按照上面架構來配置!
AdSelect提供了一個內建的方法來檢查資料來源的合法性,方法如下:

AdSelect ad = new AdSelect();
        ad.CheckXml();

運行結果如:

關於資料來源,請注意以下幾點:
   1,資料來源目前只支援XML,且XML架構需與上面保持一致!
   2,資料來源的檔案和路徑可以在web.config中配置,但預設是與檔案同目錄下的AdSelectDataSource.xml檔案

配置Web.Config檔案

配置web.config檔案
在appSettings下可以配置資料來源的檔案名稱和路徑
注意路徑前加 "~/"

<appSettings>
    <add key="AdSelect" value="~\xml\AdSelectDataSource.xml"/>
  </appSettings>

在web.config檔案中的<system.web>節點中加入如下子節點(必需)

<system.web>
//
 
<httpHandlers>
      <add path="AdSelect.axd" verb="GET" type="AdvancedSelect.AdSelectLoad,AdvancedSelect"/>
</httpHandlers>
</system.web>

所以配置全部完成了,現在您可以正常使用AdSelect,應用比較簡單,方便就好....

點擊下載該檔案

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More