Coolite AjaxEvents、Listeners区别
2010-12-13 14:51
288 查看
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 will be 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>
<BeforeLoad Fn="nodeLoad" />
</Listeners>
<script type="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();
}
<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 will be 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>
<BeforeLoad Fn="nodeLoad" />
</Listeners>
<script type="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();
}
相关文章推荐
- Coolite AjaxEvents、Listeners学习笔记
- Coolite: AjaxEvent、AjaxMethod和Listeners 区别
- AjaxEvent、AjaxMethod和Listeners的区别
- Coolite新手教程一:AjaxEvent、AjaxMethod和Listeners
- Coolite新手教程一AjaxEvent、AjaxMethod和Listeners
- Coolite Toolkit学习笔记一:AjaxEvent、AjaxMethod和Listeners
- Coolite AjaxEvents、Listeners学习笔记
- Coolite Toolkit学习笔记一:AjaxEvent、AjaxMethod和Listeners
- AjaxEvent、AjaxMethod和Listeners的区别
- Coolite教程之一:AjaxEvent、AjaxMethod和Listeners
- Coolite : Events 事件AjaxEvents、AjaxMethods、Listeners使用
- Form表单提交,Ajax请求,$http请求的区别
- Ajax中请求方式(GET/POST)之GET与POST方式区别
- ajax与服务器传值有两种方式:get 和post的区别
- Ajax和Flash的区别
- Ajax中Get请求与Post请求的区别
- js+Ajax,Get和Post在使用上的区别
- Ajax提交与传统表单提交的区别说明
- node.js中的events.emitter.removeAllListeners方法使用说明
- ajax碰到请求url过长的问题! ajax中get和post的区别