平台提供的有progress组件可以显示进度,/UI2/system/components/bootstrap/progress/demo/bsProgress.w中提供的有案例
默认把这个组件直接放都grid中只有点击到这列时当前行上才会显示出来进度条
如果要grid中所有的行上都默认显示出来可以在grid的onCellRender中处理,参考如下:
Model.prototype.mainGridCellRender = function(event) { if (event.colName === "fProgress") { var value = "0"; if (event.colVal) { value = event.colVal; } var html = '<div style="height:5px;white-space:normal;"><div class="progress" component="$UI/system/components/bootstrap/progress/progress"> ' + '<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="' + value + '" aria-valuemin="0" aria-valuemax="101" style="width:' + value+'%' + ';height:100%;"> ' + '<span>' + value + '%</span> ' + '</div> ' + '</div></div> '; event.html = html; } };
评一波