Ext 2.0 如何给GridPanel 加上ASPX --- GridView 一样的模板列
2009-03-27 14:44
351 查看
我做的是一个添加删除按钮的例子,先看一下效果。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title>Example</title>
6 <link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css" />
7 <script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
8 <script type="text/javascript" src="../ext/ext-all.js"></script>
9
11</script>
74</head>
75<body>
76<div id="exampleContainer"></div>
77</body>
78</html>
不知道我说的明白否,其实只有两个地方是主要的,一个是如何调用生成模板列函数,另一个是生成模板列函数如何写,
怎么返回模板列。
//重点一
2{header: '',
3dataIndex: 'ID',
4renderer:AddButtonDel//调用函数,新建Delete Button 按钮
5}
6//重点二
7function AddButtonDel(id){
8 return String.format(
9 '<input id="btnDelete" style="background-image: url(../Img/delete.gif); width: 22px; height: 22px" type="button" title="Delete" onclick="return DeleteClick('+id+')" />'
10 );
11}
有不对的对方,请大家指教。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title>Example</title>
6 <link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css" />
7 <script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
8 <script type="text/javascript" src="../ext/ext-all.js"></script>
9
11</script>
74</head>
75<body>
76<div id="exampleContainer"></div>
77</body>
78</html>
不知道我说的明白否,其实只有两个地方是主要的,一个是如何调用生成模板列函数,另一个是生成模板列函数如何写,
怎么返回模板列。
//重点一
2{header: '',
3dataIndex: 'ID',
4renderer:AddButtonDel//调用函数,新建Delete Button 按钮
5}
6//重点二
7function AddButtonDel(id){
8 return String.format(
9 '<input id="btnDelete" style="background-image: url(../Img/delete.gif); width: 22px; height: 22px" type="button" title="Delete" onclick="return DeleteClick('+id+')" />'
10 );
11}
有不对的对方,请大家指教。
相关文章推荐
- 如何获取AspXGridView模板中的RadioButtList控件的选中值
- 如何触发AspxGridview的PageIndexChanged 客户端事件?
- 如何处理GridView模板列绑定字段过长的问题(转)
- 如何使用动态创建模板列并绑定数据(GridView,Repeater,DataGrid)
- ASP.NET 2.0 - 如何以程控方式动态建立一个 GridView 控件
- C#如何获取gridview模板列的值
- ASP.NET 2.0 – 如何巢状化GridView控件 (转自章立民CnBlogs)
- 如何在ASPXGridView绑定数据不满一页时自动添加空行
- ASP.NET 2.0 中动态添加 GridView 模板列的例子
- GridView的模板列如何编辑
- GridView使用技巧之:如何在RowCommand里获取模板列里绑定的内容?
- 如何在AspGridView模板中的加入RadioButtList 控件
- 如何对DevExpress ASPxGridView进行分组排序?
- ASP.NET 2.0 中动态添加 GridView 模板列的例子
- 如何在ASPXGridView绑定数据不满一页时自动添加空行
- ASPX页面如何获取ASPxGridView的FocusedRowChanged事件?
- ASP.NET 2.0中动态添加 GridView 模板列的例子
- 如何给GridView加上一个横向滚动条
- AspxGridView的EditForm模板使用总…
- ASP.NET 2.0 中动态添加 GridView 模板列的例子