参考/UI2/system/components/justep/grid/dialog/column.w中按钮对应的事件的实现 |
前端交换行显示exchangeRow()
var row = event.bindingContext.$object;
var rowIndex = event.bindingContext.$index();
var parent = row.parent();
var rowBefore = parent.children()[rowIndex-1];
console.log(row.parent().children());
this.comp('orgData').exchangeRow(row,rowBefore);
console.log(row.parent().children());
执行exchangeRow(row,rowBefore)后,row.parent()里面child顺序没有变化!
改成parent.data.exchangeRow(row,rowBefore);也没变化。
案例:点击上移/下移按钮,使当前行上移或下移--前端界面(也可以根据项目需要,给排序字段order处理下,完成后台上的上下移)
// 上移按钮
Model.prototype.btnUpClick = function(event) {
var activeTab = this.comp("tabs1").$domNode.find(".active").children("a").html(), data = '';
if (activeTab == "字段定义")
data = this.comp("fieldDef");
if (activeTab == "逻辑插件")
data = this.comp("tableLogicPlugin");
var row1 = event.bindingContext.$object;
if (!(row1 instanceof Data.Row))
row1 = data.getCurrentRow(true);
this.move(data, row1, true);
};
// 下移按钮
Model.prototype.btnNextClick = function(event) {
var activeTab = this.comp("tabs1").$domNode.find(".active").children("a").html(), data = '';
if (activeTab == "字段定义")
data = this.comp("fieldDef");
if (activeTab == "逻辑插件")
data = this.comp("tableLogicPlugin");
var row1 = event.bindingContext.$object;
if (!(row1 instanceof Data.Row))
row1 = data.getCurrentRow(true);
this.move(data, row1);
};
Model.prototype.move = function(data, row, up) {
if (row) {
// var data = this.comp('fieldDef');
var index = data.getRowIndex(row);
index += (up ? -1 : 1);
if (index < 0 || index >= data.getCount())
return;
var datas = data.datas.peek();
var row2 = datas[index];
// 对应排列顺序dispOrder字段交换(后台)
if (data.concept == "M_FIELDDEF") {
var temp = row.val("FDISPORDER");
row.val("FDISPORDER", row2.val("FDISPORDER"));
row2.val("FDISPORDER", temp);
data.saveData();
}
// 前端行交换显示
data.exchangeRow(row, row2);
data.to(row);
}
};