Jquery 切换布局时，IgniteUI iTileManager无法保持正确的最大化磁贴位置

我试图根据窗口大小和方向设置不同的布局。一个瓷砖比其他瓷砖大，被视为“最大化”瓷砖。其余的则“最小化”。当我点击一个“最小化”的磁贴时，它会将其与“最大化”位置交换

有效： 如果我不交换任何瓷砖，只改变布局，那么一切都是正确的，最大的瓷砖位置被认为是“最大化”瓷砖

不起作用： 如果我首先单击一个“最小化”磁贴，将其与“最大化”磁贴交换，然后更改布局，则磁贴管理员将使用不正确的位置来保持“最大化”磁贴

最大化磁贴索引应参考项目列表中的哪个磁贴配置是最大化磁贴，但在交换磁贴时，这似乎会发生变化

JSFIDDLE:

var选项范围={
项目：[
{rowIndex:0，colIndex:1，rowSpan:3，colSpan:6}，
{rowIndex:0，colIndex:0，rowSpan:1，colSpan:1}，
{rowIndex:1，colIndex:0，rowSpan:1，colSpan:1}，
{rowIndex:2，colIndex:0，rowSpan:1，colSpan:1}
],
minimizedState:'：不是（.maximizedContainer），
maximizedState:'：不是（.minimizedContainer），
最大化文件索引：0，
};
var期权狭窄={
项目：[
{rowIndex:0，colIndex:0，rowSpan:6，colSpan:3}，
{rowIndex:6，colIndex:0，rowSpan:1，colSpan:1}，
{rowIndex:6，colIndex:1，rowSpan:1，colSpan:1}，
{rowIndex:6，colIndex:2，rowSpan:1，colSpan:1}
],
minimizedState:'：不是（.maximizedContainer），
maximizedState:'：不是（.minimizedContainer），
最大化文件索引：0，
};
$（函数（）{
$（“#布局容器”）.igTileManager（选项范围）；
$（'#wideBtn'）。单击（函数（）{
$（“#布局容器”）.igTileManager（选项范围）；
});
$（'#窄BTN'）。单击（函数（）{
$（“#布局容器”）.igTileManager（选项狭窄）；
});
});您正在更新磁贴配置，并在单击按钮时将其与现有配置合并。如果您先销毁小部件，然后用新配置对其进行初始化，那么您的示例将正常工作。我已经更新了

 $(function () {         
     $('#layoutContainer').igTileManager(optionsWide);
     $('#wideBtn').click(function () {
         $('#layoutContainer').igTileManager("destroy");
         $('#layoutContainer').igTileManager(optionsWide);
     });
     $('#narrowBtn').click(function () {
         $('#layoutContainer').igTileManager("destroy");
         $('#layoutContainer').igTileManager(optionsNarrow);
     });
 });