單元格的dojo網格動態選項

Question

我試圖在雙擊該單元格時在數據網格中顯示該單元格的下拉列表。

我想在雙擊的datagrid單元中顯示的數據存儲在一個dojo存儲中。

我正在使用以下代碼，但無法正常工作。 請幫助我了解我在做什么錯。 （clinStore具有臨床醫生ID，我需要在雙擊單元格時在網格的“ clinicianId”字段中顯示該ID。）

非常感謝。

var clinStore = new dojo.data.ItemFileWriteStore({ data : ${clinidresult} } );

gridLayout = [{ defaultCell: { width: 8, editable: true, type: dojox.grid.cells._Widget, styles: 'text-align: right;'  },
    rows: [
        { name: 'corporateEntityCode', field: 'corporateEntityCode', editable: false },
        { name: 'clinicianId', field: 'clinicianId', editable: true, styles: 'text-align: center;', type: dojox.grid.cells._Widget, widgetClass: dijit.form.FilteringSelect, 
            widgetProps: {store: clinStore}},
    ]
}];

我正在顯示我的數據網格，如下所示：

<div id="grid" data-dojo-id="grid" dojoType="dojox.grid.DataGrid" store="memberClinicianStore" rowSelector="20px" structure="gridLayout" escapeHTMLInData="false"style="width: 100%; height: 200px"></div>

Answer 1

對於初學者來說只是一些想法。

您在樣式之前的此處缺少空格：escapeHTMLInData =“ false” style =“ width：100％; height：200px” ...

嘗試為網格設置px寬度，而不是百分比。

如果您可以在JavaScript代碼的頂部列出dojo.require語句來表明您擁有所有的Dojo，並且正確列出了它們，那么這將有助於您了解您正在使用的Dojo版本。 適當的.css代碼也有助於調試，因為不正確的CSS也會使網格混亂。 最后，如果您要修改網頁中的代碼，那么這也很容易調試！