semantic-ui

1热度

1回答

如何在语义UI反应中的Form.Input或Input组件上设置预定义的值？我试过将defaultValue =“someVal”作为一个可以工作的道具。但是如果道具改变，那不会更新价值。我尝试传递预填充它的prop value =“someVal”，但阻止任何访问来编辑该字段。所有击键都被忽略。必须有办法基本上做并仍然有更新componentWillReceiveProps触发时的值？这里是

0热度

1回答

语义UI - 菜单项下一行，而不是长期水平滚动

这里是我的导航栏菜单代码 $(function() { \t $(".dropdown").dropdown(); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.co

0热度

1回答

无法关闭模式使用closeIcon on语义 - 用户反应

我正在使用语义用户界面的模式，他们有一个属性closeIcon，假设关闭模式...但它不关闭。我不确定，但也许是因为模态的可见性是基于我的状态，这就是为什么他们的包装将无法正常工作？我可以将一个函数传递给closeIcon道具吗？

0热度

1回答

添加自定义数据属性语义UI下拉当项目通过Ajax

取回这里是我是如何建立我的下拉列表（在HAML）： #my_dropdown.ui.dropdown{ data: { path: objects_path } } = f.hidden_field :my_id %i.dropdown.icon .default.text Text .menu - @collection.each do |obj

0热度

1回答

DataTable - 用于响应的自定义断点

我正在创建一个DataTable（语义UI），我需要为我的表定制断点。我想在js代码 "breakpoints: [{ name: 'fablet', width: 768 }]" 改变中断值来 breakpoints: [{ name: 'fablet', width: 650 }] 我已经改变了我的JS代码的变化，但它不工作。我不知道我做错了什么。我有checked DataTabl

1热度

1回答

显示数据使用语义ui加载状态，而不是在PrimeNg中显示“没有找到记录”数据加载时使用语义ui

我在PrimeNg的帮助下显示了角度2应用程序中的表格数据。我正在使用2.0.4的PrimeNg版本，并且由于配置限制而无法升级。该项目还使用语义ui。当我单击显示表的链接时，即使数据仍在表上加载，并且最终在数据加载完成后数据确实显示在表中，它也会显示“No records found”。我想避免显示“找不到记录”，而是希望在数据加载时显示语义ui加载器（微调），然后在整个数据加载完成后显示P

0热度

1回答

如何使用react-router Link with semantic-ui Menu.Item？

我有这样的： <Link to="/"> <Menu.Item name='expense List' active={activeItem === 'expense List'} onClick={this.handleItemClick} /> </Link> ，但我在控制台得到一个错误： Warning: validateDOMNesting(...): <a> ca

0热度

2回答

如果选中复选框，请激活字段

我是初学者，需要一些帮助。在我的代码中，我使用jQuery和Semantic-ui。我尝试激活文本输入后，我检查复选框输入。当复选框被选中时，类别从class="ui slider checkbox "更改为class="ui slider checkbox checked"。要激活文本输入，我需要将class="disabled field"更改为class =“field”。我特地到以下

0热度

1回答

React Semanti UI Corner图标图像和图标

有什么方法可以使用语义Ui来拥有img和图标角落图标。所以我需要的IMG演出，并添加图标，它 <span> <i class="huge icons"> <img src="test.jpg"></img> <i class="corner add icon"></i> </i> <span>

1热度

1回答

指定网格

多个逆转标准在正常语义UI我们可以这样做： <div class="ui mobile reversed tablet reversed equal width grid container"> 这将显示在手机和平板电脑的分辨率以相反的顺序列。 Example 我试图用Semantic UI React实现相同的行为，但是我没有这么做。这里是我的尝试： <Grid reversed="c