4天學(xué)會(huì) NoahWeb 表單 - 第四天
2007/2/3 9:33:14

  大家好!又見面了!今天我們學(xué)習(xí)另一種非常又有的表單控件--多級(jí)關(guān)聯(lián)類型控件。今天是我這篇教程的最后一天了,首先感謝大家?guī)滋靵?lái)的支持……謝謝!
  不知道你有沒有遇到這種情況,有的時(shí)候,頁(yè)面上提供了兩個(gè)下拉選擇給用戶,本來(lái)挺簡(jiǎn)單的事情,可是,第二個(gè)下拉單中的可選值是根據(jù)用戶在第一個(gè)下拉單的選擇而生成的。做這樣的東西都需要寫很多javascript的代碼,巨麻煩!前些日子看了看NoahWeb,發(fā)現(xiàn)它提供這樣的一種控件,叫做“多級(jí)關(guān)聯(lián)類型控件”琢磨了一下發(fā)現(xiàn)挺好用的,今天說(shuō)給大家聽聽!
  說(shuō)白了,這種控件就是第二個(gè)下拉單是根據(jù)第一個(gè)下拉單中的選項(xiàng)動(dòng)態(tài)生成的。還是老規(guī)矩,先看看代碼,要不說(shuō)不清楚!呵呵! 
<InputLine Text="SelectLevel" Desc="">
  <Input Id="sla" Type="select">
    <Label>選擇:</Label>
    <LabelClass>label</LabelClass>
    <NullErrorString>請(qǐng)選擇1</NullErrorString>
      <SelectLevel sla="[select1]" slb="[select2]" >
        <LevelOption Text="請(qǐng)選擇" Value="">
          <LevelOption Text="請(qǐng)選擇" Value="">
          </LevelOption>
        </LevelOption>
        <LevelOption Text="德國(guó)" Value="010">
          <LevelOption Text="柏林" Value="0101">
          </LevelOption>
          <LevelOption Text="慕尼黑" Value="0102">
          </LevelOption>
        </LevelOption>
        <LevelOption Text="澳大利亞" Value="021">
          <LevelOption Text="墨爾本" Value="0211">
          </LevelOption>
          <LevelOption Text="堪培拉" Value="0212">
          </LevelOption>
        </LevelOption>
      </SelectLevel>
  </Input>
  <Input Id="slb" Type="select">
    <Label>選擇:</Label>
    <LabelClass>label</LabelClass>
    <NullErrorString>請(qǐng)選擇2</NullErrorString>
  </Input>
</InputLine>
  第一步:先看個(gè)大概……代碼中的一個(gè)InputLine中出現(xiàn)了兩個(gè)Input,一個(gè)叫sla,另一個(gè)是slb。都是Select類型的。這就是過一會(huì)兒出現(xiàn)在表單中的那兩個(gè)下拉單。
  第二步:即然是“多級(jí)關(guān)聯(lián)”,顧名思義就是將這兩個(gè)或更多個(gè)select聯(lián)系起來(lái),實(shí)現(xiàn)要求的功能嘛!我們看一看被我加粗了的那句代碼,也就是 
<SelectLevel sla="[select1]" slb="[select2]" >
  再找到它的結(jié)束標(biāo)簽,也就是 
</SelectLevel>
  正是它們中的內(nèi)容將兩個(gè)select關(guān)聯(lián)起來(lái)的。SelectLevel標(biāo)簽用來(lái)描述多個(gè)控件的選擇級(jí)關(guān)聯(lián)。sla是第一個(gè)select的名字,它根據(jù)select1變量的值作為已被選中的值,那么slb自然就是第二個(gè)Select的名字,slb根據(jù)select1變量的值作為已被選中的值!這個(gè)是為了用這個(gè)表單回顯時(shí)而做的。
  第三步:接下來(lái)我們看看這幾句代碼:
        <LevelOption Text="請(qǐng)選擇" Value="">
          <LevelOption Text="請(qǐng)選擇" Value="">
          </LevelOption>
        </LevelOption>
  我們看到了LevelOption這個(gè)標(biāo)簽,它用來(lái)描述該級(jí)相關(guān)的可選值。這里面還存在著一

下一頁(yè)
返回列表
返回首頁(yè) 主站蜘蛛池模板: 免费在线成人网| 婷婷六月丁香午夜爱爱| 亚洲欧洲日产国码久在线观看 | 99re6精品| 成人h动漫精品一区二区无码| 久久精品中文字幕首页| 欧美夫妇交换俱乐部在线观看| 国内揄拍国内精品视频| 一色屋精品视频任你曰 | 国产在线精品一区二区夜色| 80s国产成年女人毛片| 天天狠天天透天干天天怕∴ | 粗大的内捧猛烈进出小视频| 国产午夜激无码av毛片| 14又嫩又紧水又多| 国精品无码一区二区三区在线| 一区二区三区视频| 成年女人毛片免费视频| 久久国产高清字幕中文| 最近中文字幕在线中文高清版| 亚洲宅男天堂在线观看无病毒| 漂亮人妻被黑人久久精品| 免费国产高清视频| 精品国产一区二区三区免费| 国产99re在线观看只有精品| 韩国理伦大片三女教师| 国产无遮挡裸体免费视频在线观看| 18禁黄网站禁片无遮挡观看| 国产黄色片91| avtt亚洲一区中文字幕| 好男人看的视频2018免费| 七仙女欲春2一级裸片免费观看| 放荡的欲乱合集| 久久久久久国产精品无码下载| 日韩国产一区二区| 久久综合亚洲色hezyo国产| 榴莲榴莲榴莲榴莲官网| 亚洲三级小视频| 欧美婷婷六月丁香综合色| 亚洲欧洲无卡二区视頻| 水蜜桃无码视频在线观看|