当前位置：首页 > 软件库 > jQuery 插件 > jQuery表格插件 >

Backgrid.js

HTML 表格组件

授权协议 MIT

开发语言 JavaScript HTML/CSS

所属分类 jQuery 插件、 jQuery表格插件

软件类型开源软件

地区不详

投递者阎德义

操作系统跨平台

开源组织无

适用人群未知

软件官网

软件文档

官方下载

软件概览

Backgrid.js 是一个基于 Backbone.js 用于构建语义和容易样式化的 HTML 表格组件。提供简单、直观的编程接口。

示例代码：

var Territory = Backbone.Model.extend({});

var Territories = Backbone.Collection.extend({
  model: Territory,
  url: "examples/territories.json"
});

var territories = new Territories();

// Fetch some countries from the url
territories.fetch();

// Column definitions
var columns = [{
  name: "id", // The key of the model attribute
  label: "ID", // The name to display in the header
  editable: false, // By default every cell in a column is editable, but *ID* shouldn't be
  // Defines a cell type, and ID is displayed as an integer without the ',' separating 1000s.
  cell: Backgrid.IntegerCell.extend({
    orderSeparator: ''
  })
}, {
  name: "name",
  label: "Name",
  // The cell type can be a reference of a Backgrid.Cell subclass, any Backgrid.Cell subclass instances like *id* above, or a string
  cell: "string" // This is converted to "StringCell" and a corresponding class in the Backgrid package namespace is looked up
}, {
  name: "pop",
  label: "Population",
  cell: "integer" // An integer cell is a number cell that displays humanized integers
}, {
  name: "percentage",
  label: "% of World Population",
  cell: "number" // A cell type for floating point value, defaults to have a precision 2 decimal numbers
}, {
  name: "date",
  label: "Date",
  cell: "date",
}, {
  name: "url",
  label: "URL",
  cell: "uri" // Renders the value in an HTML <a> element
}];

// Initialize a new Grid instance
var grid = new Backgrid.Grid({
  columns: columns,
  collection: pageableTerritories,
  footer: Backgrid.Paginator
});

// Render the grid and attach the root to your HTML document
$("#example-1-result").append(grid.render().$el);

使用案例

Backgrid.js使用笔记

最近项目上需要一个可以对表格数据进行修改的功能，本身项目没有引用像Extjs，Dojo等整体的JS UI框架，所以想找个专门对于数据表格进行编辑展示的小的框架，看了好几款，最后选定了Backgrid.js这个框架。大致的说下我对这个框架的认识： 1.该框架需要依赖Jquery，underscore.js, Backbone.js,看了下Backgrid.js官网上的示例代码，代码里用到
js 改变gridview样式

　　<%@ Page Language="C#" AutoEventWireup="true" CodeFile="BackgroundColor.aspx.cs" Inherits="_BackgroundColor" %> 　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR
ExtJs与JSON格式数据绑定的方法（grid）

在这个AJAX流行年代，xml绑定已经满足不了我们的需求。ExtJs又为我们提供了JSON格式数据绑定的方法，下面我们来看看效果用到的有二个文件survey.html、xml-grid.html，注意js引用路径。 survey.html文件： [{"appeId":"1","survId":"1","location":"","surveyDate":"2008-03-14","surve
ext js grid分组技巧

new Ext.grid.GridPanel({ ds = new Ext.data.GroupingStore({ proxy:proxy, reader:jsreader, remoteSort: true, sortInfo:{field: 'MileID', direction: "ASC"},
extjs中grid的用法（查，增，删，改）

this.store = Ext.create('Ext.data.Store', {}); this.grid = Ext.create('Ext.grid.Panel', {}) 获取Ext.grid.Panel中的所有值:（一般用在对grid表进行操作） this.grid.getStore().data.items 获取ext.grid.Panel 中某一行的的数据 this.s

Backgrid.js

同类工具

相关阅读

相关文章

相关问答

相关文档