Javascript “材质设计表”组件不使动态行可选
我对Material Design Lite的表格组件有问题。我用类Javascript “材质设计表”组件不使动态行可选,javascript,material-design,material-design-lite,Javascript,Material Design,Material Design Lite,我对Material Design Lite的表格组件有问题。我用类mdl数据表--selectible定义了它,它应该使它的行可以选择。如果它是在HTML中静态定义的,则会这样做,但当我动态创建节点并将其添加到表中时,它不会成为可选的 请看 我添加了一个componentHandler.upgradeElement(tr)但它不能解决问题,它甚至抛出了一个异常,所以我没有这样做 嗨,因为我找不到这个问题的答案,我愿意接受关于如何刷新表格的新建议。目前,我正在删除它的所有内容并再次生成需要动态添
mdl数据表--selectible
定义了它,它应该使它的行可以选择。如果它是在HTML中静态定义的,则会这样做,但当我动态创建节点并将其添加到表中时,它不会成为可选的
请看
我添加了一个componentHandler.upgradeElement(tr)代码>但它不能解决问题,它甚至抛出了一个异常,所以我没有这样做
嗨,因为我找不到这个问题的答案,我愿意接受关于如何刷新表格的新建议。目前,我正在删除它的所有内容并再次生成需要动态添加元素的表。欢迎提出任何建议。项目现场:
Material Design Lite将自动注册并渲染所有
页面加载时用MDL类标记的元素。但在这种情况下,
在动态创建DOM元素的地方,需要注册
使用upgradeElement函数创建新元素
从项目现场:
Material Design Lite将自动注册并渲染所有
页面加载时用MDL类标记的元素。但在这种情况下,
在动态创建DOM元素的地方,需要注册
使用upgradeElement函数创建新元素
我也遇到了同样的问题,并找到了解决办法。动态创建新的MDL表(包括要添加的行),并使用以下内容升级该表:
componentHandler.upgradeElement(tableelem);
升级后,您可以通过将行附加到原始表的tbody元素,将行从新表移动到页面上的表。外观、感觉和行为与该行一致
我发现的唯一问题是MaterialRipple行为没有在复选框上实现。这似乎是使用componentHandler.upgradeElement(tableelem)方法升级的任何表的问题。这很可能是一个MDL错误
如果在运行componentHandler.upgradeElement(tableelem)时出错,请尝试指定以下行为:
componentHandler.upgradeElement(tableelem,'MaterialDataTable');
我也遇到了同样的问题,找到了解决办法。动态创建新的MDL表(包括要添加的行),并使用以下内容升级该表:
componentHandler.upgradeElement(tableelem);
升级后,您可以通过将行附加到原始表的tbody元素,将行从新表移动到页面上的表。外观、感觉和行为与该行一致
我发现的唯一问题是MaterialRipple行为没有在复选框上实现。这似乎是使用componentHandler.upgradeElement(tableelem)方法升级的任何表的问题。这很可能是一个MDL错误
如果在运行componentHandler.upgradeElement(tableelem)时出错,请尝试指定以下行为:
componentHandler.upgradeElement(tableelem,'MaterialDataTable');
“mdl数据表——可选”类将被删除。现在,您可以自己控制复选框
将删除“mdl数据表-可选”类。现在,您可以自己控制复选框
通过使用MDL类更新文档中的任何组件来执行此任务。
在MDL 1.1.3中工作
通过使用MDL类更新文档中的任何组件来执行此任务。
适用于MDL 1.1.3。我做了一个升级元素,但它不起作用,所以我删除了它。你能在我的提琴中指出在哪里使用upgrade元素吗?这是一个悬而未决的问题。我正在寻找一个解决办法:@krato:看看这个,看看它是否适合你,我发现这有一个问题。现在,我将只隐藏行,并通过编辑行数据填充它。我看不到任何其他选择。顺便说一句,你链接的小提琴与我之前的小提琴工作原理相同。MDL的upgradeElement
似乎没有像预期的那样工作。我做了一个升级元素,但它不工作,所以我删除了它。你能在我的小提琴中指出在哪里使用upgradeElement吗?这是一个公开的问题。我正在寻找一个解决办法:@krato:看看这个,看看它是否适合你,我发现这有一个问题。现在,我将只隐藏行,并通过编辑行数据填充它。我看不到任何其他选择。顺便说一句,你链接的小提琴与我之前的小提琴工作原理相同。MDL的upgradeElement
似乎没有按预期工作。请尝试最近发布的1.0.5。此版本中似乎已修复此问题。向表中动态添加的行将自动继承可选复选框并关联动画。请尝试最近发布的1.0.5。此版本中似乎已修复此问题。向表中动态添加的行将自动继承可选复选框并关联动画。