Backgridjs

TextCell

Best Used On

Desktop
Mobile

When to Use

TextCell is a string cell type that renders a form with a text area in a modal dialog instead of an <input type="text" /> editor. It is best suited for entering a large body of text.

Prerequisites

TextCell requires bootstrap-modal.js to render it's modal dialog. TextCell is tested against Bootstrap version 3.0.3.

          var Book = Backbone.Model.extend({});
          var Books = Backbone.Collection.extend({
            model: Book
          });
          var books = new Books([{ description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed nibh tortor, nec mollis diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi venenatis sollicitudin vulputate. Aenean dapibus ultrices odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id molestie erat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut nec erat quis massa gravida facilisis. Ut at nisi ac tortor consectetur ullamcorper id nec purus. Fusce condimentum, lacus vitae convallis condimentum, velit orci auctor dui, et mattis dui est sed purus. Praesent pharetra, metus sit amet lacinia adipiscing, purus dolor sodales orci, non malesuada orci orci sit amet dolor. Sed id nisl et neque sollicitudin condimentum eget in nisl." }]);

          var grid = new Backgrid.Grid({
            columns: [{
              name: "description",
              label: "Description",
              // You can use Backgrid.Extension.TextCell.extend() too.
              // See the JSDoc for a list of configurable options.
              cell: "text"
            }],

            collection: books
          });

          $("#text-cell-example-result").append(grid.render().el);

TextCell

Best Used On

When to Use

Prerequisites

Result