今天做項目的時候,想在easyui的datagrid每一列數據后邊都加上一個操作按鈕,一開始想在后臺拼接字符串用JSON傳回,但是我測試之后發現這個方法不管用,在網上搜索了一下,整理如下:
成都創新互聯堅持“要么做到,要么別承諾”的工作理念,服務領域包括:成都網站設計、網站建設、企業官網、英文網站、手機端網站、網站推廣等服務,滿足客戶于互聯網時代的水城網站設計、移動媒體設計的需求,幫助企業找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴!
其實要加一行自定義列很簡單,在js聲明datagrid的時候加上如下代碼
{field:'operate',title:'操作',align:'center',width:$(this).width()*0.1, formatter:function(value, row, index){ var str = '<a href="#" rel="external nofollow" name="opera" class="easyui-linkbutton" ></a>'; return str; }}
這行代碼是在columns屬性下定義的,而且一定要加上這個代碼
onLoadSuccess:function(data){ $("a[name='opera']").linkbutton({text:'下訂單',plain:true,iconCls:'icon-add'}); },
如果不加這個,那個操作列就不會出現按鈕的樣式,只是一個超鏈接,用linkbutton或者其他按鈕的可以根據需求改編
最后效果如下
之后可以對a標簽做onclick事件之類的,視情況而定
總結
以上所述是小編給大家介紹的EasyUI的DataGrid每行數據添加操作按鈕的實現代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對創新互聯網站的支持!
本文題目:EasyUI的DataGrid每行數據添加操作按鈕的實現代碼
網站鏈接:http://m.newbst.com/article34/iidipe.html
成都網站建設公司_創新互聯,為您提供Google、手機網站建設、品牌網站設計、ChatGPT、標簽優化、響應式網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯