更新README

baishui2004 · Dec 8, 2014 · 4085d3b · 4085d3b
1 parent daaa5d0
commit 4085d3b
Show file tree

Hide file tree

Showing 6 changed files with 204 additions and 355 deletions.
diff --git a/README.md b/README.md
diff --git a/WebContent/README.md.html b/WebContent/README.md.html
diff --git a/WebContent/examples/button.html b/WebContent/examples/button.html
diff --git a/WebContent/examples/grid/checkbox.html b/WebContent/examples/grid/checkbox.html
diff --git a/WebContent/examples/util.html b/WebContent/examples/util.html
diff --git a/WebContent/index.html b/WebContent/index.html
@@ -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;
@@ -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>
@@ -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;