小编Gon*_*alo的帖子

将ValidationSummary MVC3显示为"alert-error"Bootstrap

我想展示一个带有"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"类,因为该样式定义了其他字体颜色和权重.

css asp.net-mvc validationsummary twitter-bootstrap

51
推荐指数
7
解决办法
6万
查看次数

Font Awesome Icons在某些浏览器中不起作用

我正在使用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字体是否已加载?

blackberry css3 opera-mobile twitter-bootstrap font-awesome

21
推荐指数
2
解决办法
5万
查看次数

自动隐藏引导弹出窗口

我想在几秒钟后自动隐藏Bootstrap popovers.当用户将鼠标悬停在控件上时,必须显示弹出窗口,但如果用户未移动鼠标指针,则必须在几秒钟后自动隐藏此弹出窗口.

这是因为在手机或平板电脑,当用户点击一个控制时,会显示酥料饼是很重要的,而重点仍然是在用户键入的东西相同的控制,具有酥料饼阻碍它.

javascript jquery popover twitter-bootstrap

17
推荐指数
3
解决办法
3万
查看次数

Bootstrap typeahead ajax结果格式 - 示例

我正在使用带有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

13
推荐指数
1
解决办法
4万
查看次数

如何从"Bootstrap Datepicker"获取当前viewMode属性

如何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)

有人可以帮忙吗?

javascript jquery datepicker twitter-bootstrap

4
推荐指数
1
解决办法
1万
查看次数

鼠标悬停时更改图标大小 - (FontAwesome + Bootstrap)

我想在鼠标悬停元素上显示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类,但是无法做到.

谁能帮我?

谢谢

html css jquery twitter-bootstrap font-awesome

4
推荐指数
2
解决办法
1万
查看次数

Linq - 如何在列表的最大元素上应用where子句

  • 我有一个"人"列表
  • 每个人都有一个"类别"列表
  • Categoty有两个属性:Date和Value

我想选择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)

c# linq linq-to-nhibernate

3
推荐指数
1
解决办法
1228
查看次数

当字段名称以点开头时,将Json转换为Object

我正在尝试使用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)

java eclipse android json gson

3
推荐指数
1
解决办法
1583
查看次数