Dojo Dgrid 行选择不起作用,正在检索 dgrid 选择器的值
Dojo Dgrid row selection not working and retrieving the values of dgrid selectors?
目前我正在使用带有选择框,文本框和两个复选框的Dojo dgrid,但我无法禁用整行选择,并且当我单击第二个复选框时,dgrid选择和取消选择不起作用,它反映了第一个复选框。
1.如何在道场Dgrid中禁用整行选择?2.单击保存时如何获取Dgrid选择框和Dgrid文本框的值?3.如果我使用选择器(复选框),我无法呈现该列的标签?
var columns = {
person :{
sortable: false,
renderCell: lang.hitch(this, function(object,value,node) {
if(value == true){
myTextBox = new dijit.form.TextBox({
name: "Amount",
value: "" ,
placeHolder: "Enter Amount"
}).placeAt(node);
}
})
},
description:{
label:"description",
field:"description",
sortable: false,
renderCell : lang.hitch(this, function(object,
value, node, options) {
new Select({
name : "select",
options : [ {
label : "Daily",
value : "daily"
}, {
label : "Weekly",
value : "weekly",
}]
}).placeAt(node);
}),
},
email : selector({
sortable:false,
field:"email"
})
/*i tried this instead of using selectors inserting a checkbox so that i can remove complete row selection but not working*/
email: {
sortable:false,
field:"email",
renderHeaderCell : function(node) {
var cellDiv = domConstruct.create("label", {
innerHTML : "Email"
}, node);
var checkBox = new CheckBox({
name: "checkBox",
id:"emailAddress",
checked: false,
}, cellDiv);
},
renderCell:createMessageLabel
}
};
function createMessageLabel(object,value, node,options){
console.log("node option",node);
var checkbox = new CheckBox({
name: "checkBox",
id:"emailAddress",
checked: false,
}).placeAt(node);
};
var grid = new GridView().show(gridData, columns, "",
"dgridAutoHeight", true);
function addSelection(self, event) {
console.log("Row selected: ", event.rows[0].data);
}
function removeSelection(self, event) {
console.log("Row deselected: ", event.rows[0].data);
}
grid.startup();
grid.on("dgrid-select", lang.hitch(grid, addSelection, this), true);
grid.on("dgrid-deselect", lang.hitch(grid, removeSelection, this), true);
希望我能得到一些有价值的答案。
若要禁用直接选择,请在传递给构造函数的属性中设置selectionMode: "none"
。 这不会影响通过selector
列进行选择。
通过在传递给selector
列插件的对象中设置 label
属性,您仍然应该能够在选择器列的标题单元格中设置标签。
如果您想使用 Dijit 表单小部件来更改项目中字段的值,您可能不应该自己定义renderCell
函数,而是使用 editor
列插件,它执行维护数据状态的工作,并在您调用 save
时将其放回存储中。
非常感谢Ken的宝贵回答,正如您所说,编辑器非常适合上述情况......但是我还有一个疑问,例如我们不能像下面这样在渲染单元格内使用用户编辑器,因为我需要数据更改时文本框的值,所以我想到在 renderCell 中使用编辑器....下面的代码工作正常,但文本框没有放置在特定节点内(文本框视图未呈现),无论值为"True"....
dollarThresholdAvailable :{
field: "dollarThresholdAvailable",
label : "Threshold Limit",
sortable: false,
"class":"dollarThresholdAvailableValue",
renderCell: lang.hitch(this, function(object,value,node) {
if(value === true){
editor({
field: "dollarThresholdAvailable",
sortable: false
},TextBox).placeAt(node);
}
}),
}
相关文章:
- 使用JSP从服务器检索和显示图像
- 通过Magento的网络服务检索运费
- 如何通过php页面将数据库值检索到jquery自动完成框中
- 无法使用javascript检索SPList项
- 可以't使用Angular解析/检索JSON
- GoogleFeed正在检索图像
- 通过ajax将坐标传递到php服务器端,并在处理后检索到javascript
- 使用Scala Play Framework视图中的键检索映射值
- 从数据库中检索字段,而不模拟它们
- 如何在corona sdk中从CK编辑器中检索数据
- 如何使用Javascript客户端对象模型检索Sharepoint 2010列表项权限
- 在Node.js中上传和检索图像
- XML2JSON并检索数据
- 如何从php返回的JSON中检索值
- 如何在.js函数中检索来自其他模板的表单的目标值
- 使用ASP.NET将谷歌地图添加到项目中,并从数据库中检索位置
- 使用javascript进行JSON数据检索
- 检索MongoDB binData并显示为<img>src
- 为什么可以't我将检索到的文档分配给控制台中的变量
- Dojo Dgrid 行选择不起作用,正在检索 dgrid 选择器的值