Skip to content

Commit

Permalink
更新README
Browse files Browse the repository at this point in the history
  • Loading branch information
baishui2004 committed Dec 8, 2014
1 parent daaa5d0 commit 4085d3b
Show file tree
Hide file tree
Showing 6 changed files with 204 additions and 355 deletions.
182 changes: 91 additions & 91 deletions README.md

Large diffs are not rendered by default.

182 changes: 91 additions & 91 deletions WebContent/README.md.html

Large diffs are not rendered by default.

20 changes: 0 additions & 20 deletions WebContent/examples/button.html

This file was deleted.

68 changes: 0 additions & 68 deletions WebContent/examples/grid/checkbox.html

This file was deleted.

63 changes: 0 additions & 63 deletions WebContent/examples/util.html

This file was deleted.

44 changes: 22 additions & 22 deletions WebContent/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>jquery.bsgrid - 銝?葵蝞?���Query Grid�辣</title>
<title>jquery.bsgrid - 一个简单易用的jQuery Grid插件</title>
<style type="text/css">
body {
font-size: 16px;
Expand Down Expand Up @@ -41,21 +41,21 @@
</head>
<body>
<a style="font-size: 48px; color: green; text-decoration: none; font-weight: 400;" href="https://github.com/baishui2004/jquery.bsgrid" target="_blank">jquery.bsgrid</a>
&emsp;銝?葵蝞?���Query Grid�辣嚗��憿菜�銝�憿蛛��舀�json�ml�唳�澆�嚗笆撖澆�末嚗撅?�末�?
&emsp;一个简单易用的jQuery Grid插件,支持分页或不分页,支持json、xml数据格式,对导出友好,扩展性友好。
<div style="font-size: 15px;">
<br />
�函瑪瞍內嚗?a href="examples/en.html" target="_blank">蝷箔�撖潸1</a>
在线演示:<a href="examples/en.html" target="_blank">示例导航1</a>
&emsp;<a href="examples/en-table.html" target="_blank">示例导航2</a>
&emsp;<a href="examples/grid/standard.html" target="_blank">�寞����抒�雿輻瞍內銝秩�?/a>
&emsp;<a href="examples/grid/standard.html" target="_blank">方法及属性的使用演示与说明</a>
<br />
憿寧�暹嚗?a href="https://github.com/baishui2004/jquery.bsgrid" target="_blank">�辣皞�</a>
项目链接:<a href="https://github.com/baishui2004/jquery.bsgrid" target="_blank">插件源码</a>
&emsp;&nbsp;&nbsp;<a href="README.md.html" target="_blank">在线文档</a>
&emsp;&nbsp;&nbsp;<a href="https://github.com/baishui2004/jquery.bsgrid/raw/master/README.md.pdf" target="_blank">离线文档</a>
<br />
�辣�嚗?a href="https://github.com/baishui2004/jquery.bsgrid/tree/v1.30/" target="_blank">1.30</a>
插件版本:<a href="https://github.com/baishui2004/jquery.bsgrid/tree/v1.30/" target="_blank">1.30</a>
&emsp;<a href="https://github.com/baishui2004/jquery.bsgrid/tree/v1.21/" target="_blank">1.21</a>
<br />
�辣�悅嚗?a href="http://www.apache.org/licenses/LICENSE-2.0.txt" target="_blank">Apache Licence 2</a>
插件协议:<a href="http://www.apache.org/licenses/LICENSE-2.0.txt" target="_blank">Apache Licence 2</a>
</div>
<br />
<h2>典型皮肤效果图示</h2>
Expand All @@ -64,63 +64,63 @@ <h2>典型皮肤效果图示</h2>
<td>ExtJS Gray Style
<br />
<a href="examples/grid/themes/gray.html" target="_blank">
<img title="ExtJS Gray Style - �孵�曄��亦�蝷箔�憿? src="https://github.com/baishui2004/jquery.bsgrid/raw/master/WebContent/documention/images/jquery.bsgrid-skins01-ExtJS Gray Style.png" /></a>
<img title="ExtJS Gray Style - 点击图片查看示例页" src="https://github.com/baishui2004/jquery.bsgrid/raw/master/WebContent/documention/images/jquery.bsgrid-skins01-ExtJS Gray Style.png" /></a>
</td>
<td>ExtJS Blue Style
<br />
<a href="examples/grid/themes/blue.html" target="_blank">
<img title="ExtJS Blue Style - �孵�曄��亦�蝷箔�憿? src="https://github.com/baishui2004/jquery.bsgrid/raw/master/WebContent/documention/images/jquery.bsgrid-skins02-ExtJS Blue Style.png" /></a>
<img title="ExtJS Blue Style - 点击图片查看示例页" src="https://github.com/baishui2004/jquery.bsgrid/raw/master/WebContent/documention/images/jquery.bsgrid-skins02-ExtJS Blue Style.png" /></a>
</td>
</tr>
<tr>
<td>ExtJS Access Style
<br />
<a href="examples/grid/themes/access.html" target="_blank">
<img title="ExtJS Access Style - �孵�曄��亦�蝷箔�憿? src="https://github.com/baishui2004/jquery.bsgrid/raw/master/WebContent/documention/images/jquery.bsgrid-skins03-ExtJS Access Style.png" /></a>
<img title="ExtJS Access Style - 点击图片查看示例页" src="https://github.com/baishui2004/jquery.bsgrid/raw/master/WebContent/documention/images/jquery.bsgrid-skins03-ExtJS Access Style.png" /></a>
</td>
<td>FlexiGrid Gray Style
<br />
<a href="examples/grid/themes/flexigrid.html" target="_blank">
<img title="FlexiGrid Gray Style - �孵�曄��亦�蝷箔�憿? src="https://github.com/baishui2004/jquery.bsgrid/raw/master/WebContent/documention/images/jquery.bsgrid-skins04-FlexiGrid Gray Style.png" /></a>
<img title="FlexiGrid Gray Style - 点击图片查看示例页" src="https://github.com/baishui2004/jquery.bsgrid/raw/master/WebContent/documention/images/jquery.bsgrid-skins04-FlexiGrid Gray Style.png" /></a>
</td>
</tr>
<tr>
<td>Dhtmlx Sky Blue Style
<br />
<a href="examples/grid/themes/sky_blue.html" target="_blank">
<img title="Dhtmlx Sky Blue Style - �孵�曄��亦�蝷箔�憿? src="https://github.com/baishui2004/jquery.bsgrid/raw/master/WebContent/documention/images/jquery.bsgrid-skins05-Dhtmlx Sky Blue Style.png" /></a>
<img title="Dhtmlx Sky Blue Style - 点击图片查看示例页" src="https://github.com/baishui2004/jquery.bsgrid/raw/master/WebContent/documention/images/jquery.bsgrid-skins05-Dhtmlx Sky Blue Style.png" /></a>
</td>
<td>Custom Blue Style
<br />
<a href="examples/grid/themes/custom.html" target="_blank">
<img title="Custom Blue Style - �孵�曄��亦�蝷箔�憿? src="https://github.com/baishui2004/jquery.bsgrid/raw/master/WebContent/documention/images/jquery.bsgrid-skins06-Custom Blue Style.png" /></a>
<img title="Custom Blue Style - 点击图片查看示例页" src="https://github.com/baishui2004/jquery.bsgrid/raw/master/WebContent/documention/images/jquery.bsgrid-skins06-Custom Blue Style.png" /></a>
</td>
</tr>
</table>
<br />
<h2>jquery.bsgrid��?/h2>
1嚗蝠�漣嚗鈭Query�TML Table嚗鈭笆�蝸�唳��憿萸?皜脫��唳����鋆�嚗�憸�憓��孵���踝�璅∪��S隞��嚗���蝸嚗SS�瑕�蝎曇蝞?�嚗笆鈭撅耨�寥�撣詨捆��
<h2>jquery.bsgrid的特点</h2>
1,轻量级,基于jQuery及HTML Table,除了对加载数据、分页、渲染数据的简单封装外,不额外增加特别的功能;模块化JS代码,可按需加载;CSS样式精致简洁,对于扩展修改非常容易;
<br />
2嚗蝙�典�憟踝�撖嫣�銝?葵蝞?��”�澆��堆�隞��啣�銵誨��臬���撟嗡��舀�json�ml銝斤��唳�澆�嚗��舀��末�紡�箏��唳�撱綽�
2,使用友好,对于一个简单的表格展现,仅仅数十行代码即可完成,并且支持json、xml两种数据格式;且支持友好的导出参数构建;
<br />
3嚗�蝵桀�憟��豢撘��潘�����examples\grid\themes\*.html嚗�虜摰寞��耨�寡”�潔蝙�典�雿之撠���蝷箔�examples\grid\themes\custom.html嚗��?耨�寡砲蝷箔��瑕�銝剔�銝文�font-size�喳嚗?
3,内置多套经典样式风格,效果参看examples\grid\themes\*.html;可非常容易的修改表格使用字体大小,参看示例examples\grid\themes\custom.html,仅需修改该示例样式中的两处font-size即可;
<br />
4嚗撣奸oad�蝸�唳�桃蔗嚗僎敺捆��銵撅���嚗?
4,自带load加载数据遮罩,并很容易进行扩展或重写;
<br />
5嚗撅?憟踝��辣��怠末�撅?嚗�鈭笆�辣�祈澈餈�撅?�颲之�耨�對����孵�撅�瑕��葡��殷��辣�曉�鈭��批��寞��撅?耨�寞����?��寞��賢�典��刻�銵撅?������?耨�寞�隞嗆頨怎�隞���?
5,扩展性好,插件有特别好的扩展性,易于对插件本身进行局部甚至较大的修改,易于改变展现样式、渲染数据;插件放开了属性及方法的全局修改权限,所有方法都可在外部进行全局重写,而无需修改插件本身的代码。
<br />
<br />
<h2>入门示例</h2>
<a href="examples/grid/simple.html" target="_blank">
<img title="Simple Grid - �孵�曄��亦�蝷箔�憿? src="https://github.com/baishui2004/jquery.bsgrid/raw/master/WebContent/documention/images/jquery.bsgrid-02_simple_grid.png" />
<img title="Simple Grid - 点击图片查看示例页" src="https://github.com/baishui2004/jquery.bsgrid/raw/master/WebContent/documention/images/jquery.bsgrid-02_simple_grid.png" />
</a>
<pre style="font-size: 12px; background-color: #eee; color: #333;">
撘�辣嚗?
引用文件:
&lt;link rel="stylesheet" href="../../builds/merged/grid.simple.min.css"/&gt;
&lt;script type="text/javascript" src="../../plugins/jquery-1.4.4.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="../../builds/js/lang/grid.en.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="../../builds/merged/grid.simple.min.js"&gt;&lt;/script&gt;
摰隞��嚗?
实现代码:
&lt;table id="searchTable" class="bsgrid"&gt;
&lt;tr&gt;
&lt;th w_index="XH" width="5%;"&gt;XH&lt;/th&gt;
Expand Down

0 comments on commit 4085d3b

Please sign in to comment.