ext grid 的每行最后一列添加 按钮
来源:互联网 发布:北京精雕编程软件 编辑:程序博客网 时间:2024/06/05 18:08
ext grid 的每行最后一列添加 按钮
var sm = new Ext.grid.CheckboxSelectionModel();var cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
sm,
{header:'编号',dataIndex:'id',sortable:true},
{header:'性别',dataIndex:'sex',sortable:true ,renderer:renderSex},
{header:'名称',dataIndex:'name'},
{header:'描述',dataIndex:'descn',renderer:renderDescn}
]);
var data = [
['1','male','name1','descn1'],
['2','female','name2','descn2'],
['3','male','name3','descn3'],
['4','female','name4','descn4'],
['5','male','name5','descn5']
];
var ds = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({url:'http://192.168.0.219/ext-2.1/examples/helloworld/grid.php'}),
reader: new Ext.data.JsonReader({
totalProperty: 'totalProperty',
root: 'root'
}, [
{name: 'id'},
{name: 'sex'},
{name: 'name'},
{name: 'descn'}
])
});
function renderSex(value) {
if (value == 'male') {
return "<span style='color:red;font-weight:bold;'>男</span>";
} else {
return "<span style='color:green;font-weight:bold;'>女</span>";
}
}
function renderDescn(value, cellmeta, record, rowIndex, columnIndex, store) {
var str = "<input type='button' value='详细信息' onclick='alert(\"" +
"这个单元格的值是:" + value + "\\n" +
"这个单元格的配置是:{cellId:" + cellmeta.cellId + ",id:" + cellmeta.id + ",css:" + cellmeta.css + "}\\n" +
"这个单元格对应行的record是:" + record.data["id"] + ",一行的数据都在里边\\n" +
"这是第" + rowIndex + "行\\n" +
"这是第" + columnIndex + "列\\n" +
"这个表格对应的Ext.data.Store在这里:" + store + ",随便用吧。" +
"\")'>";
return str;
}
var grid = new Ext.grid.GridPanel({
el: 'grid',
ds: ds,
cm: cm,
sm: sm,
bbar: new Ext.PagingToolbar({
pageSize: 10,
store: ds,
displayInfo: true,
displayMsg: '显示第 {0} 条到 {1} 条记录,一共 {2} 条',
emptyMsg: "没有记录"
})
});
ds.load({params:{start:0,limit:10}});
grid.render();
- ext grid 的每行最后一列添加 按钮
- ext grid 的每行最后一列添加 按钮
- 动态生成 指定列数、行数的表格。并在每行最后一列添加一个删除按钮。点击删除按钮、删除本行!
- DataTables-对最后一列添加按钮事件
- ExtJs4.1读取后台XML数据并显示在前台的Ext.grid.Panel,并额外添加一列动作列
- JQuery分别取得每行最后一列和最后一行
- 关于在Ext 4 grid 中每行设置图标出现的 too many recursion
- easyUI的datagrid每行数据添加操作按钮的方法
- easyUI的datagrid每行数据添加操作按钮的方法
- easyUI的datagrid每行数据添加操作按钮的方法
- Python 将每行的前len-1列数据抽成一个矩阵,将最后的一列作为另一个矩阵
- ExtJS Grid 换行后的最后一列太窄,暂时解决方法
- Ext.net GridPanel在google浏览器中显示最后一列出现间隙的问题。
- Ext中Grid添加ToolTip
- GridView CommandField 动态添加到最后一列
- dataTable 最后一列添加选项操作
- Ext grid 超级强大的动态添加字段、列扩展
- [Ext JS 4] Grid 中的单元格添加Tooltip 的效果
- CodeSmith 使用教程(3): 自动生成Yii Framework ActiveRecord
- WebService框架整理(一) Axis1
- java 调用mysql的存储过程(简单示例)
- 分组加密的四种模式
- 设置手机系统locale
- ext grid 的每行最后一列添加 按钮
- 智能计算综述1
- 10年+程序人生感悟
- 遗传算法资料
- KEIL C中实现直接寻址和间接寻址
- CSS控制<a>标签变为button
- 字符串截取
- Android Wi-Fi Direct 开发指南
- C++嵌套类和局部类