[]List中放TextInput,当list滚动的时候,复用会有问题,input中的内容会乱,尤其有输入框focus的情况下

List中放TextInput,当list滚动的时候,input中的内容会乱,尤其是当其中一个输入框处于输入状态的时候,如果使用滚轮,那么这个正处于输入状态的输入框会被复用到别的item上。
已邀请:

qian

赞同来自:

可以传一个可以重现问题的demo么
 

megrez

赞同来自:

// 这段代码需要在setupDemo之前执行。
(function()
{
// 项渲染器
var Box = Laya.Box;
var Image = Laya.Image;
var Label = Laya.Label;
var TextInput = laya.ui.TextInput;

var WID = 373,
HEI = 30;

function Item()
{
Item.__super.call(this);
this.size(WID, HEI);
this.img = new Image();
this.addChild(this.img);
this.img.graphics.drawRect(0, 0, WID, HEI - 2, "#eeeeee");

this.label = new Label();
this.addChild(this.label);

this.input = new TextInput();
this.addChild(this.input);
this.input.x = 50;
this.input.text = 'place holder';

// this.graphics.drawRect(0, 0, WID, HEI, "#eeeeee");

// this.setImg = function(src)
// {
// this.img.skin = src;
// }
}
Laya.class(Item, "Item", Box);

// 主要逻辑代码
var Stage = Laya.Stage;
var List = Laya.List;
var Handler = Laya.Handler;
var WebGL = Laya.WebGL;


(function()
{
// 不支持WebGL时自动切换至Canvas
Laya.init(800, 600, WebGL);

Laya.stage.alignV = Stage.ALIGN_MIDDLE;
Laya.stage.alignH = Stage.ALIGN_CENTER;

Laya.stage.scaleMode = Stage.SCALE_SHOWALL;
Laya.stage.bgColor = "#232628";

setup();
})();

function setup()
{
var list = new List();

list.itemRender = Item;

list.repeatX = 1;
list.repeatY = 4;

list.x = (Laya.stage.width - WID) / 2;
list.y = (Laya.stage.height - HEI * list.repeatY) / 2;

// 使用但隐藏滚动条
list.vScrollBarSkin = "";

list.selectEnable = true;
list.selectHandler = new Handler(this, onSelect);

list.renderHandler = new Handler(this, updateItem);
Laya.stage.addChild(list);

// 设置数据项为对应图片的路径
var data = ;
for (var i = 0; i < 100; ++i)
{
data.push({
lb: i,
value: i
});
// data.push("../../res/ui/listskins/1.jpg");
// data.push("../../res/ui/listskins/2.jpg");
// data.push("../../res/ui/listskins/3.jpg");
// data.push("../../res/ui/listskins/4.jpg");
// data.push("../../res/ui/listskins/5.jpg");
}
list.array = data;
}

function updateItem(cell, index)
{
cell.label.text = cell.dataSource.lb;
cell.input.text = cell.dataSource.value;
// cell.setImg(cell.dataSource);
}

function onSelect(index)
{
console.log("当前选择的索引:" + index);
}
})();
这段代码直接复制到官网的例子里面执行就能看到了,最新版本引擎中,在renderHandler中强制设置TextInput的值,不会出现数据乱的问题,但如果不强制设置,靠dataSource自己驱动是会被当前所选TextInput的值给替换的。我觉得,滚动时,应该把TextInput的输入状态取消掉。

要回复问题请先

商务合作
商务合作