DevExpress Asp.net(9) ASPxHiddenField的特性与基本使用

1.1 说明
类似于HTML的Hidden标签，在页面上不可见，主要是用来传递和同步客户端与服务器端的数据，但HiddenField功能更强大，同时改进了Asp.net下的Hidden从客户端赋值 而服务器端取不到值的问题。三它继承了
IDictionary<String, Object>,
ICollection<KeyValuePair<String, Object>>,
IEnumerable<KeyValuePair<String, Object>>一系列的接口，除了可以用键/值对的方式存取数据外，还提供了一系列的操作方法，如：Add、Set、Get、Clear、Remove等方法进行操作。

1.2 代码及用法(Js方法原型同样适用)

public void Add(string propertyName, object propertyValue);
public void Set(string propertyName, object propertyValue);
public void Get(string propertyName);
public void Clear();
public bool Remove(string propertyName);

propertyName：key值。
propertyValue：Object.

1.3 代码与演示说明

HTML:在页在中放置一个ASPxHiddenField，并添加四个按钮进行读写操作控制。

<dxhf:ASPxHiddenField ID="hdCollection" runat="server" ClientInstanceName="hdCollection">
</dxhf:ASPxHiddenField>
<br />
Key:    <input id="txtKey" type="text" /><br />
Value:<input id="txtValue" type="text" />
<br />
<input id="Button1" type="button" value="Add/Set" onclick="Add()" />
<input id="Button2" type="button" value="Get" onclick="Get()"/>
<input id="Button3" type="button" value="Clear"  onclick="Clear()" />
<input id="Button4" type="button" value="Remove" onclick="Remove()" />

JS代码，进行读写操作。

Add方法：用来向ASPxHiddenField写入值。

Remove方法：移除指定Key的值。

Get方法：获取指定Key的值

Clear方法：清除所有的值。

<mce:script type="text/javascript"><!--
function GetControl(id) {
return document.getElementById(id);
}
function Add() {
var key = GetControl("txtKey").value;
var value = GetControl("txtValue").value;
if (hdCollection.Get(key) == null) {
hdCollection.Add(key, value);
}
else {
hdCollection.Set(key, value);
}

}
function Remove() {
var key = GetControl("txtKey").value;
if (hdCollection.Get(key) != null) {
hdCollection.Remove(key);
}
else {
alert(key + " 值不存在!");
}
}
function Get() {
var key = GetControl("txtKey").value;
if (hdCollection.Get(key) != null) {
alert(hdCollection.Get(key));
}
else {
alert(key + " 值不存在!");
}
}
function Clear() {
hdCollection.Clear();
}
// --></mce:script>

服务器代码，在加载页面时添加一个测试值。

if (!IsPostBack)
hdCollection.Add("DEMOKey", "Hello,World!");