1. 程式人生 > >js中給easyui的一列添加按鈕

js中給easyui的一列添加按鈕

clas easy eas index style lai detailed 發放 btn

$("#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的一列添加按鈕