我想在单击单元格时打开一个对话框。我正在使用 dgrid/editor。
editor({field: "column1",label: "col1",editor: "text",editOn: "click"})
我在使用上面的代码时得到了文本框。我想要一个对话框。请告诉我如何得到一个对话框。我正在使用带有 JSONReststore 的 OndemandGrid 来显示网格。
【问题讨论】：
你不需要使用编辑器来触发对话框，在单元格上使用点击事件就可以了：
var grid = new declare([OnDemandGrid,Keyboard, Selection])({
store: Observable(new Memory({data: []}))
}, yourGridConatiner);
grid.on(".dgrid-content .dgrid-cell:click", function (evt) {
var cell = grid.cell(evt);
var data = cell.row.data;
/* your dialog creation at here, for example like below */
var dlg = new Dialog({
title: "Dialog",
className:"dialogclass",
content: dlgDiv //you need create this div using dojo.create or put-selector
});
dlg.show();
});
如果您想在鼠标悬停在该单元格上时显示一个指针，您可以在 renderCell 方法中使用 "cursor:pointer" 设置它的样式
【讨论】：
.dgrid-cell 替换为所需列中单元格上的类。例如".dgrid-content .field-column1:click"
来自the wiki：
editor- 此列中编辑器使用的组件类型；可以是指定要创建的标准 HTML 输入类型的字符串，也可以是要实例化的 Dijit 小部件构造函数。
您可以向（editor）提供一个按钮，单击该按钮会弹出一个对话框，但这可能意味着单击两次来编辑单元格：一次聚焦或进入编辑模式，或者以其他方式显示按钮，一次实际点击按钮。
您也可以不打扰编辑器插件并将click 事件处理程序附加到单元格并从那里弹出一个对话框。如果您走这条路，您将不得不手动将更改保存回您的商店。
【讨论】：
editor）可能是更自然的方法，因为我们谈论的是一种已经相当间接的输入形式，而不是实际的输入在单元格内输入值。
如果我理解正确 - 你可以尝试这样的事情：
function cellFormatter1(value) {
//output html-code to open your popup - ie. using value (of cell)
}
......
{field: "column1",label: "col1", formatter: cellFormatter1 }
【讨论】：