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" οnclick="Add()" /> <input id="Button2" type="button" value="Get" οnclick="Get()"/> <input id="Button3" type="button" value="Clear" οnclick="Clear()" /> <input id="Button4" type="button" value="Remove" οnclick="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!");