Editable Grid from CDT

Hi,

Please find the below code snippet for the requirement. 

load(
  local!x: {{
    docId:95351,
    docDes:"as",
    docName:"A",
    existingPriority:"1",
    newPriority: null
  },
{
    docId:"123",
    docDes:"AD",
    docName:"B",
    existingPriority:"2",
    newPriority: null
  }},
  a!gridLayout(
    label: "Test",
    headerCells: {
      a!gridLayoutHeaderCell(label: "Doc"),
      a!gridLayoutHeaderCell(label: "Desc", align: "RIGHT"),
      a!gridLayoutHeaderCell(label: "Name", align: "RIGHT"),
      a!gridLayoutHeaderCell(label: "Existing Priority", align: "RIGHT"),
      a!gridLayoutHeaderCell(label: "New Priority", align: "RIGHT")
    },
    rows: a!forEach(
      items: local!x,
      expression: a!gridRowLayout(
        contents: {
            a!imageField(
            images: a!documentImage(document:fv!item.docId ) ,
            readOnly: true
          ),
          a!textField(
            value: fv!item.docDes,
            readOnly: true,
            align: "RIGHT"
          ),
          a!textField(
            value: fv!item.docName,
            readOnly: true,
            align: "RIGHT"
          ),
          a!textField(
            value: fv!item.existingPriority,
            readOnly: true,
            align: "RIGHT"
          ),
          a!textField(
            value: fv!item.newPriority,
            saveInto: fv!item.newPriority,
            align: "RIGHT"
          )
        }
      )  
    ),
     rowHeader: 1
  )  
)