Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript “材质设计表”组件不使动态行可选_Javascript_Material Design_Material Design Lite - Fatal编程技术网

Javascript “材质设计表”组件不使动态行可选

Javascript “材质设计表”组件不使动态行可选,javascript,material-design,material-design-lite,Javascript,Material Design,Material Design Lite,我对Material Design Lite的表格组件有问题。我用类mdl数据表--selectible定义了它,它应该使它的行可以选择。如果它是在HTML中静态定义的,则会这样做,但当我动态创建节点并将其添加到表中时,它不会成为可选的 请看 我添加了一个componentHandler.upgradeElement(tr)但它不能解决问题,它甚至抛出了一个异常,所以我没有这样做 嗨,因为我找不到这个问题的答案,我愿意接受关于如何刷新表格的新建议。目前,我正在删除它的所有内容并再次生成需要动态添

我对Material Design Lite的表格组件有问题。我用类
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。此版本中似乎已修复此问题。向表中动态添加的行将自动继承可选复选框并关联动画。