第一種：

頁面效果：

使用場景：

在彈窗字段中使用，由于彈窗中的字段不需要再ui中配置，而是直接在js頁面中實現的

代碼如下：

columns: [{//正常字段顯示header: "姓名",width: 80,sortable: true,dataIndex: 'name'}, {//引用renderer屬性的字段顯示header: "狀態",width: 60,sortable: false,//value的值就是單元格中的值 renderer:function(value){if(value==0){return '正在使用';}else if(value==2){return '下發完成';}else if(value==3){return '下發失敗';}else if(value==4){return '正在下發';}else if(value==5){return '正在刪除';}else if(value==6){return '刪除失敗';}else{return '';}},dataIndex: 'status'}],

第二種：

頁面效果：

使用場景：

這些字段是在UI中配置的字段，所以直接在UI中配置renderer即可

具體使用方法點擊此鏈接查看

總結

以上是生活随笔為你收集整理的renderer的两种使用方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。