我想展示一个带有"alert-error"Bootstrap样式的ValidationSummary mcv3.
我正在使用Razor视图,并使用此代码显示模型错误:
@Html.ValidationSummary(true, "Errors: ")
Run Code Online (Sandbox Code Playgroud)
它生成如下HTML代码:
<div class="validation-summary-errors">
<span>Errors:</span>
<ul>
<li>Error 1</li>
<li>Error 2</li>
<li>Error 3</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
我也试过这个:
@Html.ValidationSummary(true, "Errors:", new { @class = "alert alert-error" })
Run Code Online (Sandbox Code Playgroud)
它工作正常,但没有关闭按钮(X)
它生成如下HTML代码:
<div class="validation-summary-errors alert alert-error">
<span>Errors:</span>
<ul>
<li>Error 1</li>
<li>Error 2</li>
<li>Error 3</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
但Bootstrap警报应该有这个按钮进入div:
<button type="button" class="close" data-dismiss="alert">×</button>
Run Code Online (Sandbox Code Playgroud)
有人可以帮忙吗?
这个作品! - 谢谢Rick B.
@if (ViewData.ModelState[""] != null && ViewData.ModelState[""].Errors.Count() > 0)
{
<div class="alert alert-error">
<a class="close" data-dismiss="alert">×</a>
<h5 class="alert-heading">Ingreso Incorrecto</h5>
@Html.ValidationSummary(true)
</div>
}
Run Code Online (Sandbox Code Playgroud)
我还必须从"site.css"中删除".validation-summary-errors"类,因为该样式定义了其他字体颜色和权重.
我正在使用Bootstrap + Font Awesome,大多数桌面和移动浏览器都可以,但Font awesome图标不适用于Opera Mobile,Opera Mini和某些版本的Android Browser等浏览器.仅显示空白矩形.
有谁知道这个问题?而且,有解决方案吗?
谢谢
[编辑2013-03-06!重要] 我找不到任何明显的问题,所以我尝试了闻所未闻的解决方案.我试过两个在线字体转换工具.首先,我使用http://www.freefontconverter.com/将原始FontAwesome svg转换为ttf.然后我使用http://www.font2web.com/将.ttf转换为.eot,.woof anf .otf.
结果:opera mobile现在可以正常显示图标.(我不知道是什么变化,但有效)
现在的问题是Blackberry 6.我用BB Curve 9300,Modernizr和Google字体测试了@ font-face,一切都还可以.但FontAwesome仍然不起作用......
[编辑2013-03-01] Opera mobile 10+支持@ font-face,因此问题可能是另一个问题.我尝试使用@ font-face的另一种服务器字体并且工作正常,但是使用FontAwesome我无法正确显示图标.
[编辑2013-03-03]问题不只是我的网站,字体真棒网站的例子和测试不起作用...
[编辑2013-03-4] 我试图使用Modernizr"font-face"功能检测进行后备,但Opera mobile和BlackBerry 6返回true,因为它们支持该功能. 如何检测FontAwesome字体是否已加载?
我想在几秒钟后自动隐藏Bootstrap popovers.当用户将鼠标悬停在控件上时,必须显示弹出窗口,但如果用户未移动鼠标指针,则必须在几秒钟后自动隐藏此弹出窗口.
这是因为在手机或平板电脑,当用户点击一个控制时,会显示酥料饼是很重要的,而重点仍然是在用户键入的东西相同的控制,具有酥料饼阻碍它.
我正在使用带有ajax函数的Bootstrap typeahead,并想知道什么是正确的Json结果格式,以返回Id和描述.我需要Id将typeahead选定元素与mvc3模型绑定.
这是代码:
[Html]
<input id="myTypeahead" class='ajax-typeahead' type="text" data-link="myUrl" data-provide="typeahead" />
[Javascript]
$('#myTypeahead').typeahead({
source: function (query, process) {
return $.ajax({
url: $('#myTypeahead').data('link'),
type: 'post',
data: { query: query },
dataType: 'json',
success: function (jsonResult) {
return typeof jsonResult == 'undefined' ? false : process(jsonResult);
}
});
}
});
This works properly when I return a simple list of strings, for example:
{item1, item2, item3}
But I want to return a list with Id, for example:
{
{Id: 1, value: item1}, …
Run Code Online (Sandbox Code Playgroud) html ajax asp.net-mvc-3 twitter-bootstrap bootstrap-typeahead
如何viewMode
从"Bootstrap Datepicker" 获取当前属性?我初始化控件,viewMode= 'years'
我想关闭changeDate
事件上的datepicker ,只有当viewMode='days'
.
用户选择一年,然后一个月,最后一天.在那一刻,必须关闭控制.
这是代码:
$("#date").datepicker(
{viewMode: 'years',
format: 'dd/mm/yyyy'
});
$('#date').on('changeDate', function (ev) {
//close when viewMode='0' (days)
})
Run Code Online (Sandbox Code Playgroud)
有人可以帮忙吗?
我想在鼠标悬停元素上显示2x图标大小.
我正在使用FontAwesome和bootstrap.我有一个像这样的列表:
<ul>
<li><a href ="#"><i class="icon-inbox"></i> Inbox<a/></li>
<li><a href ="#"><i class="icon-print"></i> print<a/></li>
....
</ul>
Run Code Online (Sandbox Code Playgroud)
我想在鼠标悬停元素上添加"icon-2x"fontawesome css类,以显示更大的图标,并在鼠标离开时删除该类.
我希望它看起来像FontAwesome主页示例.像这样:
我尝试使用jQuery添加元素来添加css类,但是无法做到.
谁能帮我?
谢谢
我想选择Person列表,其中最后一个类别等于"B".但我不知道如何在Linq语法中编写"where子句".
我的"人"结构是:
<person>
<id>200</id>
<name>Peter</name>
<age>25</age>
<categories>
<category>
<date>2012-05-01<date>
<value>A</value>
</category>
<category>
<date>2013-01-01<date>
<value>B</value>
</category>
<category>
<date>2013-02-01<date>
<value>C</value>
</category>
</categories>
</person>
Run Code Online (Sandbox Code Playgroud) 我正在尝试使用Gson从JsonElement转换为Object。问题是JsonObject有两个名称以点开头的字段,而当我使用gson.fromJson方法时,这些字段未映射。
这是Json对象(令牌对象):
{
"access_token":"boQtj0SCGz2GFGz[...]",
"token_type":"bearer",
"expires_in":1209599,
"userName":"gonzalo",
".issued":"Mon, 14 Oct 2014 06:53:32 GMT",
".expires":"Mon, 28 Oct 2014 06:53:32 GMT"
}
Run Code Online (Sandbox Code Playgroud)
这是目标类:
private class BearerToken{
public String access_token;
public String token_type;
public String expires_in;
public String userName;
public Date issued;
public Date expires;
public BearerToken(){
}
}
Run Code Online (Sandbox Code Playgroud)
这是我的代码和结果:
HttpResponse resp = httpClient.execute(post); // request to server
String respStr = EntityUtils.toString(resp.getEntity()); // json token
JsonParser parser = new JsonParser();
sonElement jsonElement = parser.parse(respStr);
BearerToken token = new BearerToken();
Gson gson …
Run Code Online (Sandbox Code Playgroud) jquery ×3
css ×2
font-awesome ×2
html ×2
javascript ×2
ajax ×1
android ×1
asp.net-mvc ×1
blackberry ×1
c# ×1
css3 ×1
datepicker ×1
eclipse ×1
gson ×1
java ×1
json ×1
linq ×1
opera-mobile ×1
popover ×1