# Open JS Grid
![ojg icon](http://square-bracket.com/images/img/openjsgrid.png)
## Overview
**Open JS Grid**, The easiest data table / grid available for js and php developers. I used all of my knowledge of OOP Javascript, jQuery, mySQL and PHP to do all the work for you, as well as comment the hell out of everything.
**For all the documentation and examples, see <http://square-bracket.com/openjs>**
##### Current Version 2.1
- Column resizing is fixed
- touch enabled partially working
- slider is bigger when using touch
- class touch is givent to the grid when its touch enabled
- the 'dynamic' property is given to columns that are dynamically created
- new minWidthForDynamicCols added for dynamic columns
- minWidth is now utilized in css
### Getting Started
#### HTML Setup
<table action="ajax.php">
<tr>
<th col="Username">Username</th>
<th col="FirstName">First Name</th>
<th col="Lastname">Last Name</th>
<th col="Email">Email</th>
</tr>
</table>
#### JS Setup
<script>
$(function() {
$(".users").grid();
});
</script>
#### PHP Setup
<?php
require_once("grid.php");
$grid = new Grid("users", array(
"save"=>true,
"delete"=>true
));
?>
#### The philosophy
Basically, the whole idea here is that in backend coding, you have to make a ton of table displays for customers or clients. OpenJS Grid provides a super easy / powerful way to give customers access to data. I do all the database work for you, so you don't have to figure out searching and sorting, as well as give you cool stuff like events and cell types so you can customize to fit your need. And now with Stylus and Bootstrap, you can easily restyle the grid to your liking.
Once more, I believe data grids should still be written as HTML tables, with very little javascript config. So that's why the setup is an HTML table. You can also specificy column options as attributes on the `<th>` elements. That's so you can have dynamic grids, and less javascript config.
#### The Features 2.1
- Sorting
- Live Filtering
- Searching (database)
- Paging
- Editing
- textbox, dropdown, checkbox
- Deleting
- Row numbering
- Row checkboxes
- Hyperlinking
- use data from that cell, or any cell, even if its not on the grid
- Events
- loadComplete, cellClick, rowClick, rowCheck
- CSS written in Stylus
- Completely OOP
- Grid, Pager, Slider, Dialog
- Custom Dialogs for each grid
- notify, alert, error, confirm
- Custom cell types
- input, money, drop down, checkbox, image, even your own
- Dynamically add your own columns
- Column resizing and full grid resizing
- Allow for complex mysql joins, having, groups and limits
- I think that's all?
#### The Future 3.0?
- Per row editing
- textarea type
- multi level grids
- millions of rows support
- row adding
- row highlights (its too slow right now with it)
#### Who am I?
I'm Sean Clark. I run a training [youtube](http://youtube.com/optikalefxx) channel for advanced coding. That coincides with [Square Bracket](http://square-bracket.com) which is where I make demos and other training videos.
I have a [blog](http://sean-optikalefx.blogspot.com/>) about developer things.
没有合适的资源?快使用搜索试试~ 我知道了~
OpenJS-Grid-OpenJSGrid2.1.5
共36个文件
styl:18个
css:5个
js:5个
需积分: 3 7 下载量 121 浏览量
2013-05-26
18:00:15
上传
评论
收藏 169KB ZIP 举报
温馨提示
OpenJS-Grid-OpenJSGrid2.1.5 一个好看的JS表格控件
资源推荐
资源详情
资源评论
收起资源包目录
OpenJS-Grid-OpenJSGrid2.1.5.zip (36个子文件)
OpenJS-Grid-OpenJSGrid2.1.5
jquery.js 242KB
bootstrap
css
bootstrap-responsive.min.css 9KB
bootstrap.min.css 79KB
bootstrap.css 90KB
bootstrap-responsive.css 12KB
img
glyphicons-halflings.png 4KB
glyphicons-halflings-white.png 4KB
js
bootstrap.min.js 21KB
bootstrap.js 47KB
grid.css 9KB
grid.php 15KB
readme.md 3KB
grid.styl 5KB
index.html 2KB
root.js 6KB
sample.sql 17KB
ajax.php 972B
.gitignore 10B
lib
nib
overflow.styl 305B
text
ellipsis.styl 162B
aliases.styl 132B
replace-text.styl 168B
index.styl 64B
hide-text.styl 94B
reset.styl 2KB
border.styl 138B
gradients.styl 3KB
iconic.styl 285B
vendor.styl 8KB
box.styl 353B
color-image.styl 173B
index.styl 196B
clearfix.styl 764B
positions.styl 974B
config.styl 149B
grid.js 44KB
共 36 条
- 1
资源评论
Free丨晓
- 粉丝: 0
- 资源: 33
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功