今天需要做个复选框删除,碰到了一个小难题,然后我一通乱写,居然误打误撞吧问题给解决了.堵塞的思维一下活跃起来,不禁想把Coolite的方法调用写下来.
还是以按钮说起吧:
Coolite的按钮方法调用很灵活,它可以非常方便的调用javascript方法,也可以调用后台代码中的方法.
可以非常灵活的传递参数.
1.调用javaScript中的方法
首先假设javascript方法为
var scriptMethod=function()
{
.....
};
a.调用javascript方法的第一种方法.
<ext:Button ID="btn1" Text="按钮1" runat="server">
<Listeners>
<Click Fn="scriptMethod"/>
</Listeners>
</Button>
b.方法2
<ext:Button ID="btn1" Text="按钮1" runat="server">
<Listeners>
<Click Handler="={scriptMethod}"/>
</Listeners>
</Button>
2.调用服务器端代码中的方法
a.第一种跟asp.net非常像的方法.
<ext:Button ID="btn1" Text="按钮1" runat="server">
<AjaxEvents>
<Click onEvent="Btn1_Click"/>
</AjaxEvents>
</Button>
对应的方法为:
protected void Btn1_Click(object sender, AjaxEventArgs e)
{
this.SetTime();
}
跟原来的asp.net不同的地方就在于 AjaxEventArgs这里了.
b.接下来的这个方法,功能强大,传参方便,还可以加上回调函数,非常方便
<ext:Button ID="btn1" Text="按钮1" runat="server">
<Listeners>
<Click Handler="Coolite.AjaxMethods.MyMethod(
#{textName}.value,
#{textPass},value,
{
success:function(result){Ext.Msg.Alert('msg',result);}
}
);"/>
</Listeners>
</Button>
这样写,就会调用了服务器端代码中如下的方法:
[AjaxMethod]
public int MyMethod(string 参数1,2等等...)
{
....
return ...;
}
绿色的部分是传递的参数,比如#{txtName}.value 是ID为txtName的控件内所填的值,控件可以是Ext控件,也可以是asp服务器端控件,也可以是HTML控件.
蓝色的部分是回调函数,就是你所调用的方法执行完毕后,会返回一个值result,你可以在这里调用javaScript去处理这个值.很方便吧..
今天遇到这个问题乱写一通,发现居然在javaScript中也能很方便的调用后台方法.如下:
var DelSelected=function(){
Ext.MessageBox.confirm('提示', '是否要删除记录',function(btn){
if (btn == 'yes') {
Coolite.AjaxMethods.Del();
}
});
分享到:
相关推荐
Coolite笔Coolite笔记Coolite笔记
coolite MVC coolite MVC coolite MVC coolite MVC coolite MVC
coolite 0.8 类库文档coolite 0.8 类库文档coolite 0.8 类库文档coolite 0.8 类库文档
coolite教程 coolite教程.pdf coolite教程.pdf coolite教程.pdf coolite教程.pdf
coolite学习笔记coolite学习笔记coolite学习笔记coolite学习笔记
coolite 0.8中文类库 Coolite Toolkit是基于跨浏览器的ExtJS 库开发而来的,是一个支持ASP.NET AJAX的Web控件,并且简化了开发步骤。
无论你需要coolite什么样的demo,这里面都包含了
coolite简介,学习extjs 的朋友们请注意了哦!
Coolite ASP.NET Web控件包含有1700多个图标,现在所有的图标都展示出来!
使用coolite才发现做漂亮的系统界面易如反掌!
Coolite Toolkit Professional v0.8.2.rar
辛苦搜集的coolite内置图标给大家分享!
正式版以发布,请到官方下载 http://www.coolite.com/download/ Demo可以到这下载 http://download.csdn.net/source/912868(正式版)
Coolite Toolkit介绍 Coolite Toolkit 是一个支持ASP.NET AJAX的Web控件。 Coolite Toolkit是基于跨浏览器的ExtJS 库开发而来的,并且简化了开发步骤,并且包含有丰富的Ajax运用。 Coolite Toolkit和ExtJS 都是...
Coolite ExtJs Coolite 1.0 Preview 加 Example源码 Example源码比较难找 版本是 1.0.0.34580
Coolite的Button使用方法借鉴.pdf
ext 的.NET 控件,新手入门用
自己制作的Coolite学习文档,并且每一个都有对应的C#和asp.net实例源码。
很好的extjs控件,适合asp.net开发,源码可以根据需要进行修改,项目使用时只需引用Coolite.Examples/bin目录下面的两个dll文件(Coolite.Ext.UX.dll和Coolite.Ext.Web.dll)即可。
Coolite源码Coolite源码Coolite源码Coolite源码Coolite源码Coolite源码,可以直接运行.本地浏览.