0

我是 Dojo 的新手,正在尝试创建可以在单击时展开的 Datagrid。因此,我决定将数据网格放在标题窗格中,以便数据网格可以显示在展开的标题窗格中。

标题窗格效果很好,我可以在里面设置数据网格。到目前为止一切都很好。唯一的问题是,我无法在数据网格中获取点击事件。(我无法进行行选择、排序等)

我正在使用 dojo 1.8.3,这是我的代码

函数(taskListModel){ var 任务 = taskListModel.getData();

require(["dojo/ready", "dijit/TitlePane", "dojo/dom"], function(ready, TitlePane, dom){
    ready(function(){
        taskListTitlePane = new dijit.TitlePane({title:"Click here to see Task List", content: "Collapse me!"});
        dom.byId("taskListTitlePane").appendChild(taskListTitlePane.domNode);
        createTaskDataGrid(tasks);      
    });
});}

网格创建:

var createTaskDataGrid = function(tasks){

/设置数据存储/ var data = { identifier: "id", items: [] };

// push the data into items
for(var i = 0; i < tasks.length; i++){
data.items.push(lang.mixin({ id: i+1 }, tasks[i]));
}
var store = new ItemFileWriteStore({data: data});

/*set up layout*/
var layout = [[
  {'name': 'S.No', 'field': 'id', 'width': '10%'},
  {'name': 'TaskName', 'field': 'task_name', 'width': '20%'},
  {'name': 'Assignee', 'field': 'assignee', 'width': '20%'},
  {'name': 'Module', 'field': 'module_name', 'width': '20%'},
  {'name': 'DueDate', 'field': 'taskid', 'width': '15%'},
  {'name': 'Status', 'field': 'status', 'width': '15%'}
]];

/*create a new grid*/
var grid = new DataGrid({
id: 'grid',
store: store,
structure: layout,
rowSelector: '20px',
autoHeight: true});

/*append the new grid to the div*/
grid.placeAt("tasklistscroller");

/*Call startup() to render the grid*/
grid.startup();

grid.on("RowClick", function(evt){
    var idx = evt.rowIndex,
    rowData = grid.getItem(idx);
    //console.log("row data is = " + rowData.task_name + " " + rowData.taskid);
    mainController.taskSelected(rowData.taskid, rowData.task_name);
}, true);


if(taskListTitlePane !== null){
    console.log("setting grid inside title pane");
    taskListTitlePane.setContent(grid.domNode);
    //taskListTitlePane.containerNode.appendChild(grid.domNode); 
}}

任何帮助都会很棒。

谢谢,

4

1 回答 1

0

请尝试以下代码在网格启动后将 onClick 事件与数据网格连接起来。

 dojo.connect(grid,'onRowClick',function(event) {
        var idx = event.rowIndex,
        rowData = grid.getItem(idx);
        //console.log("row data is = " + rowData.task_name + " " + rowData.taskid);
        mainController.taskSelected(rowData.taskid, rowData.task_name);
    });

也用于排序请使用grid.canSort = true;

于 2013-03-14T09:18:10.503 回答