1.AjaxEvents
<AjaxEvents>
<Click OnEvent="Select">
<ExtraParams>
<ext:Parameter Name="Id" Value="node.id" Mode="Raw">
</ext:Parameter>
<ext:Parameter Name="Name" Value="node.text" Mode="Raw">
</ext:Parameter>
</ExtraParams>
</Click>
</AjaxEvents>
2.Listeners
<Listeners>
<Click Handler="alert(node.attributes.hrefTarget);" Fn="" />
</Listeners>
Handler與Fn以及OnEvent的區別?
1.Fn(優先級高於Handler,當兩則共同存在時則Handler就不再起作用了。)
The raw JavaScript function to be called when this Listener fires.
<Click Fn="Function_Name" />
此處只寫函數名,函數體寫在Head當中。
2.Handler
The JavaScript logic to be called when this Listener fires. The Handler willbe automatically wrapped in a proper function(){} template and passed the correct arguments for this event.
<Click Handler="alert(node.attributes.hrefTarget);" />
此處不能寫函數名,只能寫一段JS代碼。
3.OnEvent(用於寫在.cs文件裏面的後臺代碼)
<Click OnEvent="Select">
<ExtraParams>
<ext:Parameter Name="Id" Value="node.id" Mode="Raw">
</ext:Parameter>
<ext:Parameter Name="Name" Value="node.text" Mode="Raw">
</ext:Parameter>
</ExtraParams>
</Click>
/// <summary>
/// 點擊樹所觸發的事件
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
public void Select(object sender, AjaxEventArgs e)
{
//Ext.Msg.Alert("當前選中值", sender.ToString()).Show();
string text = "";
foreach (Coolite.Ext.Web.Parameter item in e.ExtraParams)
{
text += item.Name+" : "+ item.Value+"<br/>";
}
Ext.Msg.Alert("當前選中值", text).Show();
}
Handler與Fn以及OnEvent的轉換方式?
<Listeners>
<BeforeLoadFn="nodeLoad"/>
</Listeners>
<scripttype="text/javascript">
function nodeLoad(node) {
Coolite.AjaxMethods.NodeLoad(node.id, {
success: function(result) {
var data = eval("(" + result + ")");
node.loadNodes(data);
},
failure: function(errorMsg) {
Ext.Msg.alert('Failure', errorMsg);
}
});
}
</script>
[AjaxMethod]
public static string NodeLoad(string nodeID)
{
Coolite.Ext.Web.TreeNodeCollection nodes = newCoolite.Ext.Web.TreeNodeCollection();
if (!string.IsNullOrEmpty(nodeID))
{
for (int i = 1; i < 6; i++)
{
AsyncTreeNode asyncNode = new AsyncTreeNode();
asyncNode.Text = nodeID + i;
asyncNode.NodeID = nodeID + i;
nodes.Add(asyncNode);
}
for (int i = 6; i < 11; i++)
{
Coolite.Ext.Web.TreeNode treeNode = newCoolite.Ext.Web.TreeNode();
treeNode.Text = nodeID + i;
treeNode.NodeID = nodeID + i;
treeNode.Leaf = true;
nodes.Add(treeNode);
}
}
return nodes.ToJson();
}