您的位置: 首页 > 技术文档 > 网络编程 > 4天学会 NoahWeb 表单
多种Web脚本语言下的日历实现 回到列表 用NoahWeb表现层制作动态网站
 4天学会 NoahWeb 表单

作者:jasoncode 时间: 2005-07-20 文档类型:原创 来自:蓝色理想

第 1 页 第一天
第 2 页 第二天
第 3 页 第三天
第 4 页 第四天

  大家好!今天是第二天,昨天讲了讲NoahWeb中"表单"的入门知识,今天我们来接着看看其他内容。

  表单中的各种控件中,只要牵扯到带有“被选值”的控件,比如select,radio,choice类型等等,在NoahWeb表单中就可以使用Values标签来为其提供“被选值”,使用Values标签还可以很容易的从数据库中获得被选值内容,Values用起来很方便。今天给大家讲的就是这部分内容。

  还记得昨天说到的那些控件吗?比如Select,就是下拉单,表单里最常用的。一个下拉单中的可选值可以用<option Value>标签往里加,就像下面的代码一样:

<option Value="A">A</option>

  这个是用固定好的值来作为“被选值”内容的,而很多时候我可以是需要用数据库中存在的内容来作为被选值的,这情况下就可以使用我们今天要讲的内容——用数据库的内容作为被选值。我们还是看下面的代码好啦:

<InputLine Text="部  门:" Desc="">
  <Input Id="mydept" Type="select">
   <Label></Label>
   <LabelClass>label</LabelClass>
   <NullErrorString>请选择员工所在部门!</NullErrorString>
    <Values ValuesSQLLink="dept_S_all" ValuesSQLValue="[_LOOP.*.id]" ValuesSQLLabel="[_LOOP.*.name]"       BySelectArrayString="[mydept]">
      <option Value="">请选择</option>
    </Values>
   <class>myinputstyle</class>
  </Input>
</InputLine>

  上面的例子中,用dept_S_all这个数据库操作集查询了一下数据库的dept表,dept表的结构和内容如下:

  dept_S_all数据库操作集的在NoahWeb设计器中的样子如下:

  有关NoahWeb设计器中的数据库操作大家可以参看其他的文章,今天咱们讲表单就不说这些内容了。

  我们还是回过头来看代码。还是上面那段代码:

<InputLine Text="部  门:" Desc="">
  <Input Id="mydept" Type="select">
   <Label></Label>
   <LabelClass>label</LabelClass>
   <NullErrorString>请选择员工所在部门!</NullErrorString>
    <Values ValuesSQLLink="dept_S_all" ValuesSQLValue="[_LOOP.*.id]" ValuesSQLLabel="[_LOOP.*.name]"       BySelectArrayString="[mydept]">
      <option Value="">请选择</option>
    </Values>
   <class>myinputstyle</class>
  </Input>
</InputLine>

  大家看到上面代码中的Input的Type了吗?是个Select是下拉单,再看看Values标签中的部分,细节部分听我慢慢道来!

  1、先看Values标签,它可以用来指定控件中可选值的来源。而今天讲的使用数据库查询方式给控件提供可选值就需要配合使用Values标签的几个参数。

  2、参数ValueSQLLink来指定一个数据库操作集,用来表明通过那一个数据库操作来获得被选值的内容。现在我指定的就是“dept_S_all”这个操作集。这样就会根据dept_S_all操作集的返回结果来循环生成被选值内容。

  3、ValueSQLValue参数来表示该控件的可选择值的值所对应的变量表达式,简单点说我们希望用数据库中的id字段的内容来做为被选值的值内容就可以写成“[_LOOP.*.id]”。在这说明一下NoahWeb中的变量都是使用"[]"来标识的,而[_LOOP.*.id]就是一种变量表示的方法,要了解更多NoahWeb变量表示方法大家可以查看NoahWeb的官方文档

  4,ValuesSQLLabel参数表示该控件的可选择值的值所对应的名称表达式。简单点说我们希望用数据库中的name字段内容来做被选值的显示文本,就写成“[_LOOP.*.name]”。

  说白了,ValuesSQLLabel是在下拉单中看到的值,而ValueSQLValue则是当你在下拉单中选择了一个值之后它所对应的值。

  把这个select放到一个NoahWeb表单中的时候,我们看看表单中的样子。如下图:

  图中红圈部分就是上面代码的实际运行情况,是不是很容易?这样该select的被选值就会根据dept的变化而变化,如果希望系统中出现一个新的部门,只需要将新的部门内容加入到dept表中就可以。

  还有,可不是只有Select类型控件能这么做,什么,radio,checkbox,choice,都可以这么用。唯一你需要做的就是把Input中的Type由select换成radio或checkbox或choice.其他的地方不用做改动.

  更换后的效果可以看下面的图:

  上图是Type="radio"的显示。

  上图是Type="checkbox"的显示。

  上图是Type="choice"的显示。

  仔细看的人可能已经发现,换了Type的类型后<option Value="">请选择</option>没有输出了。再仔细看一下能发现这些没起作用的类型都是不能选择“空”的而<option Value="">请选择</option>里的Value是空的,所以NoahWeb引擎在生成的时候就为我们过滤掉了值为“空”的被选项。

  行了,今天就到这里吧!记着,只要是能提供多个被选值的控件,就一定要使用Values标签!

出处:蓝色理想
责任编辑:蓝色

上一页 第一天 下一页 第三天

◎进入论坛网络编程版块参加讨论

作者文章
多种Web脚本语言下的日历实现
4天学会 NoahWeb 表单
表单制作方式大比拼
用NoahWeb表现层制作动态网站
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
全兼容的纯CSS级联菜单要点浅析
CSS Sprites 图片整合技术
雅安,一场中式旅行
热烈祝贺"醒狮杯"圆满结束
菊花宝典大赏大奖教程《阳台》
交互设计师怎样和产品团队合作
Photoshop打造个性潮流音乐海报
简单解读面包屑
CSS盒模型
Apple与Microsoft网站可用性研究
栏目最新 栏目最新列表
safari 4 新特性
Photoshop制作精美高光流线字
IE下img多余5像素空白解决方法
XHTML1.0与HTML兼容指引16条
JavaScript优化细节
全兼容的纯CSS级联菜单要点浅析
CSS Sprites 图片整合技术
Photoshop打造个性潮流音乐海报
CSS盒模型
45度地图编辑器及游戏开发心得
>> 分页 首页 前页 后页 尾页 页次:2/41个记录/页 转到 页 共4个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

本文现有 3 条评论 评分:- llllllllllllllllllll + 评分人数: 2 ,平均分: 3.00


81asp Publish at 2005-7-23 17:27:30 评分5
昨天在网易学院看到这个教程了。
蓝色 Publish at 2005-7-23 10:49:44
是团队成员单独开发,不属于蓝色理想团队所有。
Aether Publish at 2005-7-22 9:39:00 评分1
这是蓝色团队开发的么?
您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
《Web标准设计》
《美工神话》
《Flash短片轻松学》
Illustrator CS3质感绘画表现技法
大师之路--Photoshop 完全解析
《用户体验要素》
HTML与CSS入门经典(第7版)
作品集 更多内容

华硕(Asus)手机 Zt23 华硕(Asus)手机 Zt23 Aqua land GenNext网站 用CSS写的Michael Ja 变态金刚 毕业设计。 家居城