【问题标题】:Using bootstrap glyphicon in Laravel url在 Laravel url 中使用引导 glyphicon
【发布时间】:2014-07-17 06:25:22
【问题描述】:

我是 Laravel 框架的新手,想制作一个简单的 CRUD 应用程序。一切正常,但我对 Bootstrap 的字形图标有点问题。

首先,我的“删除”按钮有此代码,在删除数据之前会显示模态确认。

{{ link_to_action('BookController@delete', 'Delete', array($book->id),
   array('class' => 'btn btn-danger delete-event', 'data-title'=>'Confirm',
   'data-content' => 'Are you sure to delete?',
   'onClick'=>'return false;'))
}}

这类似于使用 JQuery 调用模态表单:

 <a href='/delete/' class='btn btn-danger' data-title='Confirm' data-content='Are you sure?'>
    Delete</a>

我想知道如何在这个 url 中使用 glyphicon,通常是这样的

 <a href='/delete/' class='btn btn-danger' data-title='Confirm' data-content='Are you sure to delete?'>
 <i class='glyphicon glyphicon-trash'></i>Delete</a>

知道怎么做吗?提前致谢。

【问题讨论】:

  • 只是一个想法,但不确定它是否可行,尝试将&lt;i class='glyphicon glyphicon-trash'&gt;&lt;/i&gt;Delete&lt;/a&gt; 作为link_to_action 第二个参数传递。它是链接标题,所以也许有可能传递 html。

标签: php jquery twitter-bootstrap laravel


【解决方案1】:

只需手动创建链接

<a href="{{ action('BookController@delete', [$book->id]) }}"
   class="btn btn-danger" data-title="Confirm" data-content="Are you sure?">
    <i class="glyphicon glyphicon-trash"></i>Delete</a>

【讨论】:

    【解决方案2】:

    title 作为字符串传递没有帮助,因为标题正在转换为 htmlentitiies:

    /**
     * Convert an HTML string to entities.
     *
     * @param  string  $value
     * @return string
     */
    public function entities($value)
    {
        return htmlentities($value, ENT_QUOTES, 'UTF-8', false);
    }
    

    您可以注册自己的 HTML 宏:Register HTML Macro

    HTML::macro('sumthin', function($actionName, $params, $title, $attributes)
    {
        return '<a href="' . action($actionName, $params) . '" title="" >' . $title . '</a>';
    });
    

    然后您可以以类似的方式从您的视图中使用它:

    {{ HTML::sumthin('HomeController@index',
        array(/* params */),
        '<i class="glyphicon glyphicon-trash"></i>',
        array('class' => 'btn')) }}
    

    上面的示例未经测试,仅作为展示想法的参考。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-12-26
      • 1970-01-01
      • 1970-01-01
      • 2014-11-07
      • 1970-01-01
      相关资源
      最近更新 更多