easyUI DataGrid View(数据表格展示) 表格添加按钮

来源:互联网 发布:国家顶级域名 编辑:程序博客网 时间:2024/04/30 09:07
<script type="text/javascript">
  $('#tt').datagrid({
      fit:true,
      remoteSort : false,
      singleSelect : true,
      nowrap : false,
      fitColumns : true,
      url : '${pageContext.request.contextPath}/ringplay/ringplayall',
      columns : [ [ {
       field : 'ringplayId',
       title : '标识编号',
       align:'center',
       width : 80
      },{
       field : 'ringplayname',
       title : '文件名',
       align:'center',
       width : 80
      },{
       field : '操作',
       title : '操作',
       align:'center',
       width : 80,
       formatter:add
      }] ],
      
      view : detailview,
      detailFormatter : function(rowIndex, rowData) {
       return '<table><tr>'
         + '<td rowspan=2 style="border:0"><img src="img/' + rowData.imagesrc + '" style="height:50px;"></td>'
         + '<td style="border:0">'
         + '<p>图片描述: ' + rowData.imagedescribe + '</p>'
         + '<p>图片状态: ' + rowData.imagestate + '</p>'
         + '</td>' + '</tr></table>';
      },
      
      toolbar : [ {
        text:"新增轮播图",
        iconCls : 'icon-flag_cn',
        handler : function() {
         $("#dia").dialog({
          width:450,
          height:250,
          title:"新增轮播图",
          iconCls:"icon-add",
          href:"${pageContext.request.contextPath}/add.jsp",
         });
        }
       }, '-', {
        text:"帮助",
        iconCls : 'icon-help',
        handler : function() {
        
        }
       } ]
     }); 
  $('#tt').datagrid({
   onLoadSuccess:function(){
    $("a[class='easyui-linkbutton']").linkbutton({
        //具体操作
   });
  }
  });
  function add(value,row,index){
   return "<a class='easyui-linkbutton'>编辑</a>";
  }
</script>
<table id="tt"></table>
<div id="dia"></div> 
---------------------------------------------------------------------------
onLoadSuccess data 在数据加载成功的时候触发。
formatter:单元格formatter(格式化器)函数,带3个参数:
value:字段值。
row:行记录数据。
index: 行索引。

原创粉丝点击