toddmcbrearty/bladestrap

此软件包最新版本(dev-master)没有可用的许可信息。

生成bootstrap表单元素块。

dev-master 2015-02-17 14:23 UTC

This package is not auto-updated.

Last update: 2024-09-24 01:46:20 UTC


README

## 使用blade函数生成bootstrap块 这是一个简单的类,将表单元素包装在bootstrap表单包装器中。我没有做很多,我根据需要构建它。如果您更新它,请分支并提交一个请求。

#安装

###Composer

将 "toddmcbrearty/bladestrap": "dev-master" 添加到您的composer文件中

####Laravel 4.2.*

打开您的 app/config/app.php 文件,在 providers 键中查找

找到并注释以下行

'Illuminate\Html\HtmlServiceProvider',

然后添加以下行

'Toddmcbrearty\Bladestrap\BladestrapServiceProvider',

#用法

您已经通过此软件包扩展了所有的blade函数。您仍然可以使用所有您的Form::方法,但现在您也可以使用bootstrap方法。

新可用方法

  • elOpen(options = [])
  • elClose()
  • elText($name, $label, $value = null, $options = [], $wrapper_options = [])
  • elNumber($name, $label, $value = null, $options = [])
  • elPassword($name, $label, $value = null, $options = [])
  • elEmail($name, $label, $options = [])
  • elTextarea($name, $label, $value = null, $options = [])
  • elRadio($name, $label, $value = 1, $checked = null, $options = array())
  • elCheckbox($name, $label, $value = 1, $checked = null, $options = array())
  • elSelect($name, $label, $list, $selected = null, $options = [])
  • elSubmit($value, $options = [], $class = 'warning')
  • elButton($value, $options = [], $class = 'success')
  • elMessage($messages, $class = 'success')
  • elCols($size, $data)
    • $size 是每列的大小。(很快您将能够传递一个包含列大小的数组)
    • $data 将是一个包含要加载到列中的HTML的数组
    • 列是基于数据元素的数量创建的

#示例

###Blade代码

  {{ Form::elOpen() }}
    {{ Form::elText('username', 'Username:') }}
    {{ Form::elPassword('password', 'Password:') }}
    {{ Form::elSubmit('Login')
  {{ Form::close() }} or {{ Form::elClose() }}

###生成

<form method="POST" action="http://example.com" accept-charset="UTF-8" role="form"><input name="_token" type="hidden" value="BylLDNnkl76JX7kySeCtz8t4IelgHLwdy0lvlxs">
    <div class="form-group"><label for="username">Username:</label><input class="form-control" name="username" type="text" id="username"></div>
    <div class="form-group"><label for="password">Password:</label><input class="form-control" name="password" type="password" value="" id="password"></div>
    <div class="form-group"><input class="btn btn-warning" type="submit" value="Login"></div>
</form>

###Blade代码

{{ Form::elOpen(['url' => 'login']) }}
    {{ Form::elText('company', 'Company:', null, ['placeholder' => 'Company']) }}
    {{ Form::elCols(6, [
        Form::elText('firstname', 'First Name:', null, ['placeholder' => 'First Name']),
        Form::elText('lastname', 'Last Name:', null, ['placeholder' => 'Last Name'])
    ]) }}
    {{ Form::elEmail('email', 'Email:', null, ['placeholder' => 'Email']) }}
    {{ Form::elPassword('password', 'Password:', ['placeholder' => 'Password']) }}
    {{ Form::label('Subscribe to emails:') }}
    {{ Form::elRadio('subscribe', 'Yes', 1, true, [], true) }}
    {{ Form::elRadio('subscribe', 'No', 0, true, [], true) }}
    {{ Form::elSelect('type', 'Account Type:', ['1' => 'Business', '2' => 'Personal']) }}
    {{ Form::elCheckbox('agree', 'Agree to terms', 1, false) }}
    {{ Form::elSubmit('Register!', [], 'success') }}
{{ Form::elClose() }}

###生成

 <form method="POST" action="https://:8000/login" accept-charset="UTF-8" role="form"><input name="_token" type="hidden" value="6tWO8sy85oiCjXICGIHVRjarBHIYFpB5gf1OJxmu">
     <div  class="form-group"><label for="company">Company:</label><input placeholder="Company" class="form-control" name="company" type="text" id="company"></div>

     <div class="row"><div class="col-md-6"><div  class="form-group"><label for="firstname">First Name:</label><input placeholder="First Name" class="form-control" name="firstname" type="text" id="firstname"></div></div><div class="col-md-6"><div  class="form-group"><label for="lastname">Last Name:</label><input placeholder="Last Name" class="form-control" name="lastname" type="text" id="lastname"></div></div></div>
     <div  class="form-group"><label for="email">Email:</label><input placeholder="Email" class="form-control" name="email" type="email" id="email"></div>
     <div  class="form-group"><label for="password">Password:</label><input placeholder="Password" class="form-control" name="password" type="password" value="" id="password"></div>
     <label for="Subscribe to emails:">Subscribe To Emails:</label>
     <div class="checkbox-inline"><label><input checked="checked" name="subscribe" type="radio" value="1"> Yes</label></div>
     <div class="checkbox-inline"><label><input checked="checked" name="subscribe" type="radio" value="0"> No</label></div>
     <div  class="form-group"><label for="type">Account Type:</label><select class="form-control" id="type" name="type"><option value="1">Business</option><option value="2">Personal</option></select></div>
     <div class="checkbox"><label><input name="agree" type="checkbox" value="1"> Agree to terms</label></div>
     <div  class="form-group"><input class="btn btn-success" type="submit" value="Register!"></div>
 </form>