Ext.net开发中一些功能(1)--Gridpanel上插入超链接

本文深入解析ASP.NET中GridPanel组件的配置与数据渲染过程,特别是自定义Renderer函数的作用,通过示例代码展示如何实现数据的个性化显示效果,并提供了详细的数据跳转与参数传递机制。

http://www.5ishare.com/bzwdk/dot_net/aspnet/353323.shtml

 

这边展示的是部分代码,Gridpanel中的列,注意加粗红色的部分。

<ext:GridPanel ID="FileRegGrid" runat="server" Title=">>收文登记列表" StripeRows="true" Height="400"
StoreID="FileInfoStore" AutoExpandColum="list" Margins="10 20 0 20" TrackMouseOver="true">
<ColumnModel ID="ColumnModel" runat="server">
<Columns>
<ext:Column Header="收文编号" width="80" DataIndex="ID" />
<ext:Column Header="档案题名" width="130" DataIndex="TitleName" />
<ext:Column Header="档案编号" width="80" DataIndex="TitleID" />
<ext:Column Header="链接" Width="80" DataIndex="TitleID">
<Renderer Fn="details"/>
</ext:Column>
<ext:Column Header="档案状态" width="130" DataIndex="FilesStatus" />
<ext:Column Header="收文日期" width="80" DataIndex="SystemDateTime">
<Renderer Fn="Ext.util.Format.dateRenderer('Y-m-d H:i:s')" />
</ext:Column>
<ext:Column Header="成文日期" width="80" DataIndex="OnFileDateTime">
<Renderer Fn="Ext.util.Format.dateRenderer('Y-m-d')" />
</ext:Column>
<ext:Column Header="密级" width="80" DataIndex="SecretsLevelName" />
<ext:Column Header="保管期限" width="80" DataIndex="TimeLimit" />
<ext:CommandColumn Width="60" Header="操作" GroupName="Operate">
<Commands>
<ext:GridCommand Icon="Pencil" CommandName="Edit">
<ToolTip Text="编辑" />
</ext:GridCommand>
<ext:GridCommand Icon="Delete" CommandName="Delete">
<ToolTip Text="删除" />
</ext:GridCommand>
</Commands>
</ext:CommandColumn>
</Columns>
</ColumnModel>
</ext:GridPanel>

个人理解,Renderer应该是给这列中的数据规定格式(说的不对,请前辈斧正!),这边的Fn后面的是Js的函数名:

function details(Id) {
var temp = '<a href="Details.aspx?Id={0}" target="_blank" style="color:blue">查看</a>';
return String.format(temp, Id);
}

效果图:

 

点击查看,跳转页面,通过地址可以看到,同时传递了ID过去,可以做相应的页面跳转,获取id的工作。

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值