从listgrid1将信息拖拽到listgrid2内,方便灵活实现数据的传递
注意事项:
Listgrid1中增加属性
canDragRecordsOut: true,
dragDataAction: "copy",
listgrid2 中增加属性
canAcceptDroppedRecords: true,
canRemoveRecords: true,
preventDuplicates: true,
leaveScrollbarGap: false,
注意:
Datasource1中的pk在datasource2中做fk,配置这一点时,当拖拽数据时出发add请求,并将所拖拽的数据传递给后台处理
(也可以从listgrid1中选中一行数据,单击蓝色图标触发:projectList.transferSelectedData(employeesList)事件)
前台js代码(参考)
/**alluseremailDS**/ isc.DataSource.create({ ID:"otherUserDS", dataFormat:"json", recordXPath:"data", fields:[{name:"name"},{name:"department"},{name:"id",primaryKey:true}], operationBindings:[{operationType:"fetch",dataURL:"com/el/ProjectEnd/findAllProjEndUser.action"}] }); /**alluseremailListGrid**/ isc.ListGrid.create({ ID: "otherUserList", width: 320,height: 384, dataSource:otherUserDS, alternateRecordStyles: true, canDragRecordsOut: true, dragDataAction:"copy", showFilterEditor:true, filterOnKeypress: true, autoFetchData: true, fields: [ {name:"name",title:"姓名"}, {name:"department",title:"部門"} ] }); /**selectotheremialDS**/ isc.DataSource.create({ ID:"selectOtherDS", dataFormat:"json", recordXPath:"data", fields:[{name:"name"},{name:"department"},{name:"id",foreignKey:"otherUserDS.id"}], operationBindings:[{operationType:"fetch",dataURL:"com/el/ProjectEnd/findProjEndUser.action"}, {operationType:"add",dataURL:"com/el/ProjectEnd/addProjEndUserByUserInfoId.action"}, {operationType:"remove",dataURL:"com/el/ProjectEnd/removeProjEndUserByUser.action",requestProperties:{httpMethod:"POST"} } ] }); /**selectotherListGrid**/ isc.ListGrid.create({ ID: "selectOtherUserList", width: 340,height: 364, dataSource:selectOtherDS, canAcceptDroppedRecords: true, canRemoveRecords: true, autoFetchData:false, alternateRecordStyles: true, preventDuplicates: true, leaveScrollbarGap: false, fields: [ {name:"name",title:"姓名"}, {name:"department",title:"部門"} ] });