问题标签 [material-design-lite]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angularjs - 页面加载后填充 Material Design Lite 数据表
我有一个使用来自http://www.getmdl.io/components/index.html#tables-section的 MDL 数据表示例的应用程序但是,当 AngularJs 数据将行添加到表中时,复选框/选择不起作用在页面完成加载和数据到达后绑定(使用 ng-repeat)。
是否有一些 MDL JS 调用我可以在此时重新初始化表,或者是否有更好的方法将动态数据加载到 MDL 数据表中?/
jquery - 与隐藏块中的 MDL 文本字段作斗争
我可能应该先说我不擅长 HTML、jQuery 或 CSS。我通过谷歌搜索近似于我所追求的东西来完成大部分工作,试图了解它是如何工作的,然后将其调整为我想要的。
我正在尝试创建一个 HTML 表单,要求人们列出他们带来的人数、姓名和饮酒偏好。我正在使用 Google 的 Material Design Lite 让它看起来更加时髦,但是我遇到了一个问题,我无法显示文本字段(我使用一些 CSS 和 jQuery 技巧来只显示名称字段和例如选定的客人数量,你可以看到我在 StackOverflow 其他地方找到的......)
这是 jQuery:
这是没有显示的 MDL 元素:
这是一个显示整个事情和问题的代码笔:http: //codepen.io/anon/pen/meJWem
输出中的第一行只是显示它应该是什么样子,然后如果您选择多个客人,您会看到前 2 个条目只显示单选按钮,而不是文本字段。我将 3 条目保留为纯 HTML 字段,只是为了显示我所追求的。有谁知道为什么这不能像我期望的那样工作?提前致谢。
ajax - MaterialPrime 使用 h:commandButton 模拟
我有个问题。在我的项目中,我使用 MaterialPrime lib 和 Material Design Lite。在我的登录页面上,我使用 m:button 元素提交表单(据我所知,Ajax 请求发生在这里)。然后重定向到包含资源的面板页面,但我收到 PrimeFaces.ajax 错误(ajax 属性为空)。但是使用 h:comandButton 可以解决这个问题。有什么解决办法吗?也许 m:button 的属性不做 ajax 请求,或者另一个按钮标签?我需要这个按钮来设置页面样式。这是登录页面。
这是接受登录后的页面
javascript - MDL jquery:标签将内容重叠到输入字段中
我使用 Firefox 版本 40.0.3/Chrome 45.0.2454.85,我有以下问题:如果我使用 jQuery,内容重叠
。placeholder/label
Javascript:
HTML:
例子:
material-design-lite - 文本输入效果绑定到
为什么下划线动画取决于<label>
存在的标签?换句话说,如果您<label>
从 mdl-textfield 中删除 ,动画也会被删除。
还有人注意到这一点吗?
javascript - Material Design Lite 表 - 动态添加行会破坏格式
这是使用 material-design-lite 的复选框的标记:
问题是,标签连接到输入id。
所以当我动态添加一个新的复选框时,我还必须添加一个 id。但是我如何找出要添加的 Id 呢?当我稍后将这些行添加到数据库中时,这不是问题吗?
这是工作示例:
http://codepen.io/anon/pen/QjNzzO
注意您添加的新任务的复选框
javascript - 处理 mdl 表复选框
我在我的网站中使用材料设计精简版我已经实现了这个例子: http ://www.getmdl.io/components/index.html#tables-section
我的问题是如何处理表格中的复选框,它们是由类添加的:.mdl-data-table--selectable
它们没有 ID 或类,那么在 javascript 或 sql server 中使用它们的方法是什么(删除我要实现的行)
material-design-lite - 动态页面中的谷歌材料设计
所以,我正在使用无限滚动(http://infiniteajaxscroll.com/docs/getting-started.html)。
但是,当主要内容在“mdl-js-layout”内时,无限滚动功能不起作用(如下所示)
所以,如果我删除了mdl-js-layout
最外层的 div,那么无限滚动就可以工作,否则它就不起作用。
我问了开发者,得到了以下回复:( https://github.com/google/material-design-lite/issues/1584#issuecomment-139060676 )
MDL 目前针对的是静态内容,因此我们目前不支持无限滚动的用例。但是,有些人使 MDL 与动态站点一起工作,您可能会通过前往 StackOverflow 并使用 material-design-lite 标签来获得有价值的帮助。
有人我应该尝试什么吗?
谢谢!