在網上搜索了很多關於UI-Grid的問題

很遺憾好少啊啊啊

不過有API還是比較欣慰的

官方API：UI Grid

還有一位大佬的翻譯的中文API：angularjs ui-grid中文api

行編輯的官方API傳送門：http://ui-grid.info/docs/#!/tutorial/Tutorial:%20205%20Row%20Edit%20Feature

好了，回到主題。行編輯，在div中加入屬性

<div style="width: 100%;height: 398px;text-align: center;" class="ui-grid"
 
 id="command-grid"
     ui-grid="gridOptions" ui-grid-resize-columns
     ui-grid-pagination ui-grid-pinning ui-grid-selection ui-grid-move-columns
     ui-grid-save-state ui-grid-auto-resize ui-grid-edit>
</div>

標紅變大的部分：ui-grid-edit

效果為如下動圖

可以實現行編輯的效果，可是列表的全部資料都可以編輯！

這顯然不是我們要的需求

我們只需要指定某些欄位可以進行編輯

使用：enableCellEdit

官方API傳送門：http://ui-grid.info/docs/#!/api/ui.grid.edit.api:GridOptions

好了，使用谷歌翻譯出意思是這樣說的

OK，enableCellEdit預設是true，需要手動指定為false，禁止編輯

在columnDefs中，enableCellEdit : false

{
    field: 'projectShortName', displayName: '專案簡稱', width: 300, pinnedLeft: true, enableCellEdit: false,
 

    cellTemplate: "<span>{{(row.entity.projectShortName != undefined) ? (row.entity.projectShortName) : '-'}}</span>"
},

就OjbK啦

--------------------------------------------

在網上搜索了很多關於UI-Grid的問題

很遺憾好少啊啊啊

不過有API還是比較欣慰的

官方API：UI Grid

還有一位大佬的翻譯的中文API：angularjs ui-grid中文api

行編輯的官方API傳送門：http://ui-grid.info/docs/#!/tutorial/Tutorial:%20205%20Row%20Edit%20Feature

好了，回到主題。行編輯，在div中加入屬性

<div style="width: 100%;height: 398px;text-align: center;" class="ui-grid" id="command-grid"
     ui-grid="gridOptions" ui-grid-resize-columns
     ui-grid-pagination ui-grid-pinning ui-grid-selection ui-grid-move-columns
     ui-grid-save-state ui-grid-auto-resize ui-grid-edit>
</div>

標紅變大的部分：ui-grid-edit

效果為如下動圖

可以實現行編輯的效果，可是列表的全部資料都可以編輯！

這顯然不是我們要的需求

我們只需要指定某些欄位可以進行編輯

使用：enableCellEdit

官方API傳送門：http://ui-grid.info/docs/#!/api/ui.grid.edit.api:GridOptions

好了，使用谷歌翻譯出意思是這樣說的

OK，enableCellEdit預設是true，需要手動指定為false，禁止編輯

在columnDefs中，enableCellEdit : false

{
    field: 'projectShortName', displayName: '專案簡稱', width: 300, pinnedLeft: true, enableCellEdit: false,
    cellTemplate: "<span>{{(row.entity.projectShortName != undefined) ? (row.entity.projectShortName) : '-'}}</span>"
},

就OjbK啦

--------------------------------------------