ExtJS与AjaxPro结合的简单示例

本示例因一个朋友需要,因此写得比较简单,没有涉及较多的功能,仅仅依靠ajaxpro从后台返回一条eli数据,用于填充ext窗口的标题,

因ext代码较大,这里的源代码下载并不包含ext库文件,请注意:博客使用开发环境2008.net,其他未作测试,如果使用低版本的开发环境,请修改webconfig。

示例图:

ExtJS与AjaxPro结合的简单示例

Default.aspx 

<% @ Page Language = " C# "  AutoEventWireup = " true "  CodeFile = " Default.aspx.cs "  Inherits = " Default "   %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head  runat ="server" >
    
< title > 登陆系统 </ title >
    
< link  rel ="stylesheet"  type ="text/css"  href ="ExtJS/resources/css/ext-all.css"   />
    
< script  type ="text/javascript"  src ="ExtJS/adapter/ext/ext-base.js" ></ script >
    
< script  type ="text/javascript"  src ="ExtJS/ext-all.js" ></ script >
    
< script  type ="text/javascript"  src ="ExtJS/ext-lang-zh_CN.js" ></ script >
</ head >
< body >
    
< form  id ="form1"  runat ="server" >
    
< div >
    
< script  type ="text/javascript" >
    Ext.onReady(
function ()
    {
        
var  win  =   new  Ext.Window({
            title:Default.getvalue(
" 用AjaxPro方式返回的窗口标题哦 " ).value,
            width:
300 ,
            height:
300
        });
        win.show();
    });
    
</ script >
    
</ div >
    
</ form >
</ body >
</ html >

 

Default.aspx.cs

using  System;
using  System.Collections;
using  System.Configuration;
using  System.Data;
using  System.Linq;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.HtmlControls;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Xml.Linq;
using  AjaxPro;
public   partial   class  Default : System.Web.UI.Page
{
    
protected   void  Page_Load( object  sender, EventArgs e)
    {
        AjaxPro.Utility.RegisterTypeForAjax(
typeof (Default));
    }

    [AjaxMethod]
    
public   object  getvalue( string  title)
    {
        
return  title;

    }
}

你可能感兴趣的:(ExtJs)