NoahWeb
在线搜索
NoahWeb.net | 开发者交流中心 | 支持 | 文档 | 反馈缺陷 

表单样式标签 SelectLevel

  Input节点下的级关联标签,用来描述多个控件的选择级关联。

 

说明

标签:

<SelectLevel>

<!-- 关联显示内容 -->

</SelectLevel>


参数说明:

开始标签:

<SelectLevel>

结束标签: </SelectLevel>
自定义属性: 属性名为关联的控件名。属性内容为该关联控件在构造表单时被选中的值。

内容说明

  该标签可以让你在表单中快速开发出类似下图的级联选择内容:



  固定值内容的三级选择示例:

表单示例

<!-- 示例表单formdemoSelectLevela -->
<Form Id="formdemoSelectLevela" Text="固定值示例" myselect1="Value" myselect2="Value" myselect3="Value">

<Line Text="">

<InputLine Text="" Desc="">

<Input Id="mysa" Type="select">

<Label>选择:</Label>

<LabelClass>label</LabelClass>

<NullErrorString>请输入您的选择1</NullErrorString>

<SelectLevel mysa="[myselect1]" mysb="[myselect2]" mysc="[myselect3]" >

<LevelOption Text="-请选择-" Value="">

<LevelOption Text="-请选择-" Value="">

<LevelOption Text="-请选择-" Value=""></LevelOption>

</LevelOption>

</LevelOption>

<LevelOption Text="北京" Value="010">

<LevelOption Text="-请选择-" Value="">

<LevelOption Text="-请选择-" Value=""></LevelOption>

</LevelOption>

<LevelOption Text="海淀" Value="0101">

<LevelOption Text="-请选择-" Value=""></LevelOption>

<LevelOption Text="中关村" Value="1"></LevelOption>

<LevelOption Text="海淀A" Value="2"></LevelOption>

<LevelOption Text="海淀B" Value="3"></LevelOption>

<LevelOption Text="海淀C" Value="4"></LevelOption>

<LevelOption Text="海淀D" Value="5"></LevelOption>

</LevelOption>

<LevelOption Text="朝阳" Value="0102">

<LevelOption Text="-请选择-" Value=""></LevelOption>

<LevelOption Text="望京" Value="6"></LevelOption>

<LevelOption Text="朝阳A" Value="7"></LevelOption>

<LevelOption Text="朝阳B" Value="8"></LevelOption>

<LevelOption Text="朝阳C" Value="9"></LevelOption>

<LevelOption Text="朝阳D" Value="10"></LevelOption>

</LevelOption>

</LevelOption>

<LevelOption Text="上海" Value="021">

<LevelOption Text="-请选择-" Value="">

<LevelOption Text="-请选择-" Value=""></LevelOption>

</LevelOption>

<LevelOption Text="外滩" Value="0211">

<LevelOption Text="-请选择-" Value=""></LevelOption>

<LevelOption Text="东方明珠" Value="11"></LevelOption>

<LevelOption Text="外滩A" Value="12"></LevelOption>

<LevelOption Text="外滩B" Value="13"></LevelOption>

<LevelOption Text="外滩C" Value="14"></LevelOption>

<LevelOption Text="外滩D" Value="15"></LevelOption>

</LevelOption>

<LevelOption Text="虹桥" Value="0212">

<LevelOption Text="-请选择-" Value=""></LevelOption>

<LevelOption Text="机场" Value="16"></LevelOption>

<LevelOption Text="虹桥A" Value="17"></LevelOption>

<LevelOption Text="虹桥B" Value="18"></LevelOption>

<LevelOption Text="虹桥C" Value="19"></LevelOption>

<LevelOption Text="虹桥D" Value="20"></LevelOption>

</LevelOption>

</LevelOption>

</SelectLevel>

</Input>

<Input Id="mysb" Type="select">

<Label>选择:</Label>

<LabelClass>label</LabelClass>

<NullErrorString>请输入您的选择2</NullErrorString>

</Input>

<Input Id="mysc" Type="select">

<Label>选择:</Label>

<LabelClass>label</LabelClass>

<NullErrorString>请输入您的选择3</NullErrorString>

</Input>

</InputLine>

</Line>

<EndLine Text="">

<Input Id="submit" Type="submit">

<Value>提交</Value>

<class>myinputstyle</class>

</Input>

</EndLine>

</Form>



  固定值内容的二级选择示例:

表单示例

<!-- 示例表单formdemoSelectLevelb -->
<Form Id="formdemoSelectLevelb" Text="固定值示例" myselect1="Value" myselect2="Value">

<Line Text="">

<InputLine Text="" Desc="">

<Input Id="mysa" Type="select">

<Label>选择:</Label>

<LabelClass>label</LabelClass>

<NullErrorString>请输入您的选择1</NullErrorString>

<SelectLevel mysa="[myselect1]" mysb="[myselect2]" >

<LevelOption Text="-请选择-" Value="">

<LevelOption Text="-请选择-" Value=""></LevelOption>

</LevelOption>

<LevelOption Text="北京" Value="010">

<LevelOption Text="-请选择-" Value=""></LevelOption>

<LevelOption Text="海淀" Value="0101"></LevelOption>

<LevelOption Text="朝阳" Value="0102"></LevelOption>

</LevelOption>

<LevelOption Text="上海" Value="021">

<LevelOption Text="-请选择-" Value=""></LevelOption>

<LevelOption Text="外滩" Value="0211"></LevelOption>

<LevelOption Text="虹桥" Value="0212"></LevelOption>

</LevelOption>

</SelectLevel>

</Input>

<Input Id="mysb" Type="select">

<Label>选择:</Label>

<LabelClass>label</LabelClass>

<NullErrorString>请输入您的选择2</NullErrorString>

</Input>

</InputLine>

</Line>

<EndLine Text="">

<Input Id="submit" Type="submit">

<Value>提交</Value>

<class>myinputstyle</class>

</Input>

</EndLine>

</Form>



  动态值内容的三级选择示例:

表单示例

<!-- 示例表单formdemoSelectLevelc -->
<Form Id="formdemoSelectLevelc" Text="动态值示例" myselect1="Value" myselect2="Value" myselect3="Value">

<Line Text="">

<InputLine Text="" Desc="">

<Input Id="mysa" Type="select">

<Label>选择:</Label>

<LabelClass>label</LabelClass>

<NullErrorString>请输入您的选择1</NullErrorString>

<SelectLevel mysa="[myselect1]" mysb="[myselect2]" mysc="[myselect3]" >

<LevelOption Text="-请选择-" Value="">

<LevelOption Text="-请选择-" Value="">

<LevelOption Text="-请选择-" Value=""></LevelOption>

</LevelOption>

</LevelOption>

<LevelOption OptionsSQLLink="IndexRootTable_S_ListAll" OptionsSQLValue="[_LOOP.*.id]" OptionsSQLText="[_LOOP.*.name]">

<LevelOption Text="-请选择-" Value="" >

<LevelOption Text="-请选择-" Value="" />

</LevelOption>

<SQLLINK Id="IndexContentTable_S_ByRootid" >

<!-- 设置此查询中声明的局部变量byid所接收的值 -->

<Var Value="[_LOOP.*.id]" />

</SQLLINK>

<LevelOption OptionsSQLLink="IndexContentTable_S_ByRootid" OptionsSQLValue="[_LOOP.*.id]" OptionsSQLText="[_LOOP.*.mysubject]">

<LevelOption Text="-请选择-" Value="" />

<SQLLINK Id="IndexMoreTable_S_Byparentid" >

<!-- 设置此查询中声明的局部变量byid所接收的值 -->

<Var Value="[_LOOP.*.id]" />

</SQLLINK>

<LevelOption OptionsSQLLink="IndexMoreTable_S_Byparentid" OptionsSQLValue="[_LOOP.*.id]" OptionsSQLText="[_LOOP.*.morename]"></LevelOption>

</LevelOption>

</LevelOption>

</SelectLevel>

</Input>

<Input Id="mysb" Type="select">

<Label>选择:</Label>

<LabelClass>label</LabelClass>

<NullErrorString>请输入您的选择2</NullErrorString>

</Input>

<Input Id="mysc" Type="select">

<Label>选择:</Label>

<LabelClass>label</LabelClass>

<NullErrorString>请输入您的选择3</NullErrorString>

</Input>

</InputLine>

</Line>

<EndLine Text="">

<Input Id="submit" Type="submit">

<Value>提交</Value>

<class>myinputstyle</class>

</Input>

</EndLine>

</Form>



  动态值内容的二级选择示例:

表单示例

<!-- 示例表单formdemoSelectLeveld -->
<Form Id="formdemoSelectLeveld" Text="动态值示例" myselect1="Value" myselect2="Value">

<Line Text="">

<InputLine Text="" Desc="">

<Input Id="mysa" Type="select">

<Label>选择:</Label>

<LabelClass>label</LabelClass>

<NullErrorString>请输入您的选择1</NullErrorString>

<SelectLevel mysa="[myselect1]" mysb="[myselect2]">

<LevelOption Text="-请选择-" Value="">

<LevelOption Text="-请选择-" Value=""></LevelOption>

</LevelOption>

<LevelOption OptionsSQLLink="IndexRootTable_S_ListAll" OptionsSQLValue="[_LOOP.*.id]" OptionsSQLText="[_LOOP.*.name]">

<LevelOption Text="-请选择-" Value="" ></LevelOption>

<SQLLINK Id="IndexContentTable_S_ByRootid" >

<!-- 设置此查询中声明的局部变量byid所接收的值 -->

<Var Value="[_LOOP.*.id]" />

</SQLLINK>

<LevelOption OptionsSQLLink="IndexContentTable_S_ByRootid" OptionsSQLValue="[_LOOP.*.id]" OptionsSQLText="[_LOOP.*.mysubject]"></LevelOption>

</LevelOption>

</SelectLevel>

</Input>

<Input Id="mysb" Type="select">

<Label>选择:</Label>

<LabelClass>label</LabelClass>

<NullErrorString>请输入您的选择2</NullErrorString>

</Input>

</InputLine>

</Line>

<EndLine Text="">

<Input Id="submit" Type="submit">

<Value>提交</Value>

<class>myinputstyle</class>

</Input>

</EndLine>

</Form>

 

参考
表单基本标签示例

 

label类型控件的妙用示例
textarea类型控件示例
多值选择(Values)标签示例
多值提取类型控件(choice)示例
日期选择类型(date)控件示例
多级关联标签(SelectLevel)示例
选择组(SelectGroup)示例
使用NewLine标签以及利用空的InputLine示例
关于在表单中使用HTML标签示例

查看NoahWeb在线手册

Copyright © 2001-2004 The NoahWeb Corporation
All rights reserved.