logo

EasyUI DataGrid 添加工具2012-07-08

这个例子显示了如何添加工具栏:
\
DataGrid插件有工具栏属性,这个属性可以定义工具栏。工具栏包括定义了下列属性的按钮:
· text: 在按钮上显示的文本 
· iconCls: 定义背景图标显示在按钮的左面的CSS类。 
· handler: 当用户按下按钮时,处理一些事情的函数 
标记
<table id="tt"></table>
jQuery
$('#tt').datagrid({
    title:'DataGrid with Toolbar',
    width:550,
    height:250,
    url:'datagrid_data.json',
    columns:[[
        {field:'itemid',title:'Item ID',width:80},
        {field:'productid',title:'Product ID',width:80},
        {field:'listprice',title:'List Price',width:80,align:'right'},
        {field:'unitcost',title:'Unit Cost',width:80,align:'right'},
        {field:'attr1',title:'Attribute',width:100},
        {field:'status',title:'Status',width:60}
    ]],
    toolbar:[{
        text:'Add',
        iconCls:'icon-add',
        handler:function(){
            alert('add')
        }
    },{
        text:'Cut',
        iconCls:'icon-cut',
        handler:function(){
            alert('cut')
        }
    },'-',{
        text:'Save',
        iconCls:'icon-save',
        handler:function(){
            alert('save')
        }
    }]
});

相关话题

热门搜索

  • EasyUI
  • DataGrid
  • 添加工具

扫描二维码分享话题