Javascript dojo-Dojox网格单元选择在调整列或窗口大小时启用
我用增强网格增强了网格,其中一列有下拉列表。 该要求是在单击复选框“我希望行与选择框一起被禁用”时提出的。 但问题是当窗口或列调整大小时,选择框被启用。 这是代码Javascript dojo-Dojox网格单元选择在调整列或窗口大小时启用,javascript,html,dojo,Javascript,Html,Dojo,我用增强网格增强了网格,其中一列有下拉列表。 该要求是在单击复选框“我希望行与选择框一起被禁用”时提出的。 但问题是当窗口或列调整大小时,选择框被启用。 这是代码 <html> <div id="gridDiv"></div> </html> <script> dojo.require("dojox.grid.EnhancedGrid"); dojo.require("dojo.data.ItemFile
<html>
<div id="gridDiv"></div>
</html>
<script>
dojo.require("dojox.grid.EnhancedGrid");
dojo.require("dojo.data.ItemFileWriteStore");
dojo.require("dojox.grid.enhanced.plugins.IndirectSelection");
dojo.ready(function () {
var data = {
identifier: 'id',
items: []
};
var data_list = [{
col2: false,
col3: 'But are not followed by two hexadecimal'
}, {
col2: false,
col3: 'Because a % sign always indicates'
}, {
col2: false,
col3: 'Signs can be selectively'
}];
var rows = 4;
for (var i = 0, l = data_list.length; i < rows; i++) {
data.items.push(dojo.mixin({
id: i + 1
}, data_list[i % l]));
}
var store = new dojo.data.ItemFileWriteStore({
data: data
});
/*set up layout*/
var layout = [{
cells: [{
'name': 'Column 1',
'field': 'id',
'width': '100px'
}, {
'name': 'Column 2',
'field': 'col2',
'width': '100px'
}, {
'name': 'Column 3',
'field': 'col3',
'width': '200px'
}, {
'name': 'Column 4',
'field': 'col4',
'width': '150px',
alwaysEditing: true,
editable: true,
type: 'dojox.grid.cells.Select',
options: ['new', 'read', 'replied']
}]
}];
/*create a new grid:*/
var grid = new dojox.grid.EnhancedGrid({
id: 'grid',
store: store,
structure: layout,
plugins: {
indirectSelection: {
headerSelector: false,
width: "10px",
styles: "text-align: center;"
}
}
},
document.createElement('div'));
/*append the new grid to the div*/
dojo.byId("gridDiv").appendChild(grid.domNode);
/*Call startup() to render the grid*/
grid.startup();
dojo.connect(dijit.byId('grid'), 'onSelected',
function (rowIndex) {
dijit.byId('grid').rowSelectCell.setDisabled(rowIndex, true);
dijit.byId('grid').getCell(4).getEditNode(rowIndex).setAttribute('disabled', true);
});
});
</script>
require(“dojox.grid.EnhancedGrid”);
require(“dojo.data.ItemFileWriteStore”);
require(“dojox.grid.enhanced.plugins.IndirectSelection”);
dojo.ready(函数(){
风险值数据={
标识符:“id”,
项目:[]
};
变量数据列表=[{
col2:错,
col3:'但后面不跟两个十六进制'
}, {
col2:错,
col3:'因为%符号总是表示'
}, {
col2:错,
col3:“可以有选择地选择标志”
}];
var行=4;
对于(变量i=0,l=data_list.length;i
以下是JSFIDLE链接:
请注意,我不应该禁用列大小调整,因为列可以根据需要增加。我无法通过调整窗口或列的大小来启用复选框,也看不到JSFIDLE中的行被禁用。单击复选框时,选择框被禁用,在这之后,只要调整任何列的大小,选择框就会被启用。我站在正确的位置-我现在看到了。