结合.net使用Ext.MessageBox

   首先我们新加一个页面的之后,我们一般要在Title后面包含如下Ext的样式和类库
    <title>测试一下Tab的自动填充</title>
    <link rel="stylesheet" type="text/css" href="../ext20/resources/css/ext-all.css" />
    <script type="text/javascript" src="../ext20/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="../ext20/ext-all.js"></script>
    <script type="text/javascript" src="inc/TabTest.js"></script>
    <script type="text/javascript" src="../ext20/build/locale/ext-lang-zh_CN.js"></script>
这些类的包括基本上能够让我们可以使用Ext做东西了,当然路径名字一定要对,调整路径我想还是不用介绍了吧。这其中ext-all.css,ext-base.js,ext-all.js是所有的库和样式,如果我们仅仅使用一部分的话,我会在后面的心得里面介绍如何做到。我们一开始做的话,先不用讲究那么多,能实现效果是我们现在的重点,那么inc/TabTest.js是我自己写的一个js的效果,Ext讲究页面和代码分离,意思是在Html页面上面尽量不加入js代码,而是将js代码单独的放在一个文件里面,这样会使得页面比较干净,而且我在实际用的过程中也真是体会到了这点好处。最后的那个ext-lang-zh_CN.js是中文本地包,使用这个包可以让我们页面上面ext的字符变成中文。这样我们就做好了使用Ext包的准备了,下面需要做的就是写代码了。
   我们知道无论使用什么,我们要实现效果必须要等到页面上有这样一个部件才可以实现,比如说我们要实现一个表格,那么我们必须得等到这个表格的数据加载之后才能呈现出来,而如何判断什么时候加载完,一直是个比较困难的事情。在Ext里面通过下面的语法可以做到这一点:
Ext.onReady(function(){。。。。});
我们一般会在Ext的js文件里面看到这样的语句,那么我用。。。。代表的语句就是在页面完全准备好之后才执行的,用这样的语法我们就不用担心我们使用的js对象还没有加载就开始执行的问题。那么现在我已经把js方面需要准备的东西介绍完了,下面的问题是如何执行了,尤其是如何在aspx的后台页面上面调用前面的Ext函数的问题。很多人习惯用Response.Write(js函数)来实现页面的调用,但是这样的调用,如果我们使用表格来布局页面似乎还可以,但是我用过div+css来实现布局就不行了,因为这个时候js代码会写在页面的开头部分,会引起页面结构的变化,所以我就放弃了这样的做法,而是使用下面的做法:
Page.ClientScript.RegisterStartupScript(this.GetType(), "myScript", "<script language=JavaScript>ShowClose('" + errorstr + "');</script>");
来调用页面上面的函数,其中this.GetType()的写法是固定的,而myScript是我给这段代码起的名字,如果名字相同会造成函数只能调用一次的问题,后面的代码就是代用的了,这个很清晰。而在前台的页面上我是这么写的:
<script type="text/javascript" language="JavaScript">

function ShowClose(someVar)
{
   Ext.onReady(function() {
   Ext.MessageBox.alert('消息', someVar,countdown);});
}
</script>
这个时候要记得一个事情,就是把这段js代码要写在form之间否则调用不到。到这里我们基本可以在页面上面使用这个MessageBox来实现目的了,很炫的一种效果,让人耳目一新。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值