在项目中的页面中经常会遇到界面的赋值与取值,特别是页面中项特别多的时候,取值和赋值往往是体力活。
在组件中添加了一个简单的辅助,取值通过Request.From[“”]来实现,赋值则document.getElementById(“”).value来实现。
下面我们来看示例代码:
例子是:Northwind数据库的Products表
页面代码: DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition al.dtd">
htmlxmlns="http://www.w3.org/1999/xhtml">
headrunat="server">
title>title>
head>
body>
formid="form1"runat="server">
ProductName:asp:TextBoxrunat="server"ID="txt_ProductName">asp:TextBox>br/>
SupplierID:asp:TextBoxrunat="server"ID="txt_SupplierID">asp:TextBox>br/>
CategoryID:asp:TextBoxrunat="server"ID="txt_CategoryID">asp:TextBox>br/>
QuantityPerUnit:asp:TextBoxrunat="server"ID="txt_QuantityPerUnit">asp:TextBox>br/>
UnitPrice:asp:TextBoxrunat="server"ID="txt_UnitPrice">asp:TextBox>br/>
UnitsInStock:asp:TextBoxrunat="server"ID="txt_UnitsInStock">asp:TextBox>br/>
UnitsOnOrder:asp:TextBoxrunat="server"ID="txt_UnitsOnOrder">asp:TextBox>br/>
ReorderLevel:asp:TextBoxrunat="server"ID="txt_ReorderLevel">asp:TextBox>br/>
Discontinued:asp:CheckBoxID="txt_Discontinued"runat="server"/>br/>
asp:ButtonID="Button1"runat="server"Text="提交Insert"OnClick="Button1_Click"/>
asp:GridViewID="gridView"runat="server">
asp:GridView>
form>
body>
html>
后台赋值代码: 再看执行效果:
已经赋值成功了。
具体的实现是通过js来赋值的: var txt_ProductID=document.getElementById('txt_ProductID');if(txt_ProductID)txt_ProductID.value='1';
var txt_ProductName=document.getElementById('txt_ProductName');if(txt_ProductName)txt_ProductName.value='char\'\\\\s\'';
var txt_SupplierID=document.getElementById('txt_SupplierID');if(txt_SupplierID)txt_SupplierID.value='1';
var txt_CategoryID=document.getElementById('txt_CategoryID');if(txt_CategoryID)txt_CategoryID.value='1';
var txt_QuantityPerUnit=document.getElementById('txt_QuantityPerUnit');if(txt_QuantityPerUnit)txt_QuantityPerUnit.value='10 boxes x 20 bags';
var txt_UnitPrice=document.getElementById('txt_UnitPrice');if(txt_UnitPrice)txt_UnitPrice.value='150.8000';
var txt_UnitsInStock=document.getElementById('txt_UnitsInStock');if(txt_UnitsInStock)txt_UnitsInStock.value='39';
var txt_UnitsOnOrder=document.getElementById('txt_UnitsOnOrder');if(txt_UnitsOnOrder)txt_UnitsOnOrder.value='0';
var txt_ReorderLevel=document.getElementById('txt_ReorderLevel');if(txt_ReorderLevel)txt_ReorderLevel.value='10';
var txt_Discontinued=document.getElementById('txt_Discontinued');if(txt_Discontinued){try{txt_Discontinued.checked=true;}catch(err){txt_Discontinued.value='1'}}
>(product);运行结果如下:
已经成功添加了一条数据,并查询了出来。赋值和取值的 ”txt_”参数是控件的前缀,这样可以区别开来,并且可以多个实体共存于一个页面,并且都执行赋值和取值操作,不会互相影响。也可以根据具体字段进行赋值,详见SetDocumentValue方法的其他重载。
发表于 @ 2010年06月22日 08:44:00 |