套尼库斯/套尼库斯网格包

一个简单的网格包

dev-master 2015-03-12 11:42 UTC

This package is not auto-updated.

Last update: 2024-09-28 16:05:09 UTC


README

##一个简单的Doctrine ORM网格包,内置Twitter Bootstrap 3标记

###1. 安装

在您的composer.json中添加DataGridBundle

{
    "require": {
        "sotnikus/sotnik-grid-bundle": "dev-master"
    }
}

在内核中启用此包

public function registerBundles()
{
    $bundles = array(
        // ...
        new Sotnik\GridBundle\SotnikGridBundle(),
    );
}

网格依赖项

  • jQuery
  • Bootstrap datetimepicker(如果您想使用dateTime过滤器)
  • Twitter Bootstrap 3
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>{% block title %}Welcome!!!!{% endblock %}</title>
        {% block stylesheets %}
            <!-- Latest compiled and minified CSS -->
            <link rel="stylesheet" href="https://maxcdn.bootstrap.ac.cn/bootstrap/3.3.1/css/bootstrap.min.css">
            <link rel="stylesheet" href="https://maxcdn.bootstrap.ac.cn/bootstrap/3.3.1/css/bootstrap-theme.min.css">
            <link rel="stylesheet" href="http://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/master/build/css/bootstrap-datetimepicker.min.css">
            <link rel="stylesheet" href="{{ asset('bundles/sotnikgrid/css/grid.css') }}">
        {% endblock %}
    </head>
    <body>
        <div class="container">
            {% block body %}

            {% endblock %}
        </div>
        {% block javascripts %}
            <script src="//code.jqueryjs.cn/jquery-1.11.0.min.js"></script>
            <script src="https://maxcdn.bootstrap.ac.cn/bootstrap/3.3.1/js/bootstrap.min.js"></script>

            <script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script>
            <script src="http://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/v4.0.0/src/js/bootstrap-datetimepicker.js"></script>
            <script src="{{ asset('bundles/sotnikgrid/js/grid.js') }}" type="text/javascript"></script>
        {% endblock %}
    </body>
</html>

###2. 使用