Ext.Net 1..0中的RowExpander插件

最新推荐文章于 2018-05-26 11:59:18 发布

微醺_zZ

最新推荐文章于 2018-05-26 11:59:18 发布

阅读量1.5k

点赞数

分类专栏： ExtJs 文章标签： string random server header div object

本文链接：https://blog.csdn.net/liyb5619/article/details/6117295

版权

ExtJs 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

昨天研究了一下RowExpander，在这里把学习过程中遇到的一些问题记录一下，以备日后参考。

页面代码：

以上代码是写在页面的GridPanl控件中，其中需要注意必须指定一个Template，其中定义的DIV为每一行数据展开子列表的位置，所以ID必须保证唯一。Template也可用GetRowClass来指定，目前我还没有尝试。

后台代码：

/// <summary> /// /// </summary> /// <param name="sender"></param> /// <param name="e"></param> protected void BeforeExpand(object sender, DirectEventArgs e) { string id = e.ExtraParams["id"]; Random a = new Random(DateTime.Now.Millisecond); int RandKey = a.Next(0, 1567); /* 设置Store */ Store store = new Store { ID = "Linestore" + RandKey }; JsonReader reader = new JsonReader(); reader.IDProperty = "Gid"; reader.Fields.Add("Gid"); store.Reader.Add(reader); /* 获取变更明细数据 */ List<object> lstLine = new List<object>(); //绑定数据源 store.DataSource = lstLine; /* 缓存数据 */ this.RemoveFromCache(store.ID); store.Render(); this.AddToCache(store.ID); /* 定义展示明细用Grid */ GridPanel grid = new GridPanel { ID = "gpLineData" + RandKey, StoreID = "{raw}Linestore" + RandKey, Height = 200 }; grid.ColumnModel.Columns.Add(new Column { Header = "类型", DataIndex = "Type" }); grid.ColumnModel.ID = "GridPanelRowCM" + RandKey; grid.View.Add(new Ext.Net.GridView { ID = "GridPanelRowView" + RandKey, ForceFit = true }); //important,wallowEvent给header加入事件，X.Get(id)中的id为row的唯一标识，与前台Template中的div的ID必须保证一致 X.Get(id).SwallowEvent(new string[] { "click" }, true); //清除缓存 this.RemoveFromCache(grid.ID); //给列提供grid grid.Render(id, RenderMode.RenderTo); this.AddToCache(grid.ID); } /// <summary> /// 清除缓存 /// </summary> /// <param name="id"></param> private void RemoveFromCache(string id) { X.Js.Call("removeFromCache", id); } /// <summary> /// 添加缓存 /// </summary> /// <param name="id"></param> private void AddToCache(string id) { X.Js.Call("addToCache", id); }

以上是后台展开事件，因为每行数据展开后的列表都是一个新的列表，数据源也是新的，所以必须保证每个自动生成的store和grid的ID唯一。我在这里使用了一个随机数作为唯一的ID。

important：

给行指定展开的事件，此时X.Get（id）用来获取前台div中指定的row，id必须与前台的div的ID保持一致，不然会因为找不到该行的记录而报空引用异常。