首页 > Web开发 > 详细

js中给easyui的一列添加按钮

时间:2017-06-23 13:30:34      阅读:275      评论:0      收藏:0      [点我收藏+]

 $("#totalTb").datagrid({

 columns: [[
                { field: ‘ENTITY_ACTNAME‘, title: ‘活动名称‘, width: 120, align: "left", halign: ‘center‘ },
                { field: ‘ACT_RATE‘, title: ‘答题中奖率‘, width: 80, align: "right", halign: ‘center‘ },
                { field: ‘ENTITY_START‘, title: ‘开始时间‘, width: 100, align: "center", halign: ‘center‘ },
                { field: ‘ENTITY_END‘, title: ‘结束时间‘, width: 100, align: "center", halign: ‘center‘ },
                { field: ‘ENTITY_NAME‘, title: ‘实物名称‘, width: 100, align: "left", halign: ‘center‘ },
                { field: ‘ENTITY_RATE‘, title: ‘实物中奖率‘, width: 100, align: "right", halign: ‘center‘ },
                { field: ‘ENTITY_NUM‘, title: ‘总数量‘, width: 80, align: "right", halign: ‘center‘ },
                { field: ‘ENTITY_SEND_NUM‘, title: ‘已发放数量‘, width: 100, align: "right", halign: ‘center‘ },
                { field: ‘ENTITY_LAST_NUM‘, title: ‘剩余数量‘, width: 100, align: "right", halign: ‘center‘ },
                {
                    field: ‘OPERATE‘, title: ‘操作‘, width: 100, align: "center", formatter: btnDetailed
                }
        ]],

   });

// 详细按扭
function btnDetailed(value, rowData, rowIndex) {
    if (typeof rowData.ENTITY_NO == "string") {
        return ‘<input type="button" value="详细" onclick="clickDetailedEntity( \‘‘ + $.trim(rowData.ENTITY_NO) + ‘\‘);" class="easyui-linkbutton" iconCls="icon-edit" plain="true" style="width:50px;height:20px;" />‘;
    }
}

另:用<button>详细</button>来添加按钮时,当点击按钮时,页面会刷新

用<input  type="button" value="详细"/> 点击按钮时不会刷新页面

js中给easyui的一列添加按钮

原文:http://www.cnblogs.com/suxiaBlogs/p/7069440.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!