UpdatePanel简略应用及其原理

2012-09-07

UpdatePanel简单应用及其原理话说今天遇到了这样一个问题：点击一个GridView控件的某一行，在另外的一个Grid

UpdatePanel简单应用及其原理

话说今天遇到了这样一个问题：点击一个GridView控件的某一行，在另外的一个GridView中显示出此行详细数据；这个简单，使用中间表获取数据源绑定给新的GridView即可，但是每次都刷新页面，没有平滑连续的用户体验，故使用UpdatePanel。

实例前，先来说说UpdatePanel，常用属性如下： UpdatePanel简略应用及其原理

属性的作用

RendrMode：内容出现模式，inline为行模式，block为块模型UpdateMode：内容更新模式，always为只要有交互就刷新，conditional为指定条件交互时才更新。ChildrenAsTrigger：是否由子交互作为触发器，默认为true：表示由子交互作为触发器。Trrigers：触发器，ContorlID表示由哪个触发刷新，EventName表示由控件的哪个事件触发；AsyncPostBackTrigger表示异步刷新，只刷新UpdatePanel内容，如果为PostBackTrigger，则为同步刷新，页面刷新:变为普通的刷新，即重新加载整个页面。ContentTemplate:需要刷新的区域内容。

注意事项

UpdatePanel可以嵌套使用，但是ChildrenTrigger指的是直接下的子交互，嵌套的不可以。UpdateMode为Always时与ChildrenasTrigger为false的冲突。

想要使用ASP.NET AJAX，必须有ScriptMananger，且在UpdatePanel前面，如下：

        protected void Page_Load(object sender, EventArgs e)        {                        if (!IsPostBack )            {                //绑定套餐概况信息                gvMeal.DataSource = GetDataSet().Tables[0];                gvMeal.DataBind();            }        }        //获取套餐和套餐内容的dataset        public DataSet GetDataSet()        {            DataSet mealAndSection = new DataSet();            mealAndSection = frontManager.QueryAllMealAndSections();            return mealAndSection;        }        protected void gvMeal_SelectedIndexChanging(object sender, GridViewSelectEventArgs e)        {            //根据选择的套餐，绑定套餐详情内容            gvDetails.DataSource = GetDataSet().Tables[e.NewSelectedIndex + 1];            gvDetails.DataBind();        }

ASP.NET AJAX使用就算完成，可以看到使用ASP.NET AJAX不用编写Js代码即可简单使用，微软一向如此：把复杂的内容封装起来，更方便的供给程序员使用；从简单使用来说，微软这么做很好，但是从程序员的掌握知识的深度来说就不好：就像是盖房子，一直在使用别人烧好的砖头。想使用好AJAX，还是老老实实由下往上发展，学好JS，烧好自己的砖。

1楼lfmilaoshi前天 20:49

想使用好AJAX，还是老老实实由下往上发展，学好JS，烧好自己的砖。米老师

Re: lidaasky昨天 20:53: 回复lfmilaoshin烧砖中

热点排行

PowerDesigner

UpdatePanel简略应用及其原理