澳门微尼斯人手机版,1.Web 里面有三个目录: 1.1 content.htm //这个文件直接运行就行 1.2 js
//这里面有用到的几个js 文件,其中 以db 开头的就是数据源 1.3 css //css
就不用说了 2. 直接运行 content.htm 就可以直接打开查看分页和搜索效果了 3.
原理很简单,只是用了javascript 的index 函数核心代码:复制代码 代码如下:/* author: liulf function:
var __db_cpcj=vCpcj; var __db_cp=vCp; var vCp={“cppage”:[
{“cpdh”:”A01000101″,”page”:”1″,”ca”:”1309-36-0″,”mc”:”硫铁矿”,”ename”:”Pyrite”,”bm”:”黄铁矿”},
{“cpdh”:”A01000201″,”page”:”1″,”ca”:”1309-36-0″,”mc”:”硫精砂”,”ename”:”Pyrite
concentrate;Sulfur concentrate”,”bm”:””},
{“cpdh”:”A01000202″,”page”:”1″,”ca”:”1309-36-0″,”mc”:”硫精矿粉”,”ename”:”Powdered
pyrite concentrate;Pyrites concentrate,powder;Sulfur
concentrate,powder”,”bm”:”硫精矿”},
{“cpdh”:”A02000101″,”page”:”1″,”ca”:””,”mc”:”磷矿石”,”ename”:”Phosphorus
ore”,”bm”:””},
{“cpdh”:”A02000111″,”page”:”2″,”ca”:””,”mc”:”磷矿砂”,”ename”:”Phosphorite
grit”,”bm”:””},
{“cpdh”:”A02000201″,”page”:”2″,”ca”:””,”mc”:”磷矿粉”,”ename”:”Phosphate
rock powder”,”bm”:””},
{“cpdh”:”A03000101″,”page”:”2″,”ca”:”12447-04-0″,”mc”:”硼矿石”,”ename”:”Ascharite;Boric
ore”,”bm”:”硼镁矿”},
{“cpdh”:”A04000101″,”page”:”2″,”ca”:””,”mc”:”钾长石”,”ename”:”Potash
feldspar;Potassium feldspars”,”bm”:””},
{“cpdh”:”A04000201″,”page”:”2″,”ca”:”12003-63-3″,”mc”:”长石粉”,”ename”:”Feldspar
powder”,”bm”:””},
{“cpdh”:”A04000301″,”page”:”2″,”ca”:””,”mc”:”光卤石”,”ename”:”Carnallite”,”bm”:””}
]} var
vCpcj={“cjpage”:[{“cjdh”:”110634″,”cm”:”拜耳光翌板材有限责任公司”,”pagen”:”1701″},
{“cjdh”:”110052″,”cm”:”北京艾瑞斯水墨有限公司”,”pagen”:”1701″},
{“cjdh”:”110408″,”cm”:”北京艾斯克医药技术开发有限公司”,”pagen”:”1701″},
{“cjdh”:”110010″,”cm”:”北京爱德泰普膜制品厂”,”pagen”:”1701″},
{“cjdh”:”110165″,”cm”:”北京安实创业科技发展有限公司”,”pagen”:”1701″},
{“cjdh”:”110134″,”cm”:”北京安顺达装饰材料有限公司”,”pagen”:”1701″},
{“cjdh”:”110291″,”cm”:”北京奥博星生物技术责任有限公司”,”pagen”:”1701″},
{“cjdh”:”110191″,”cm”:”北京奥得赛化学有限公司”,”pagen”:”1701″},
{“cjdh”:”110454″,”cm”:”北京奥克兰防水工程有限责任公司”,”pagen”:”1701″},
{“cjdh”:”110520″,”cm”:”北京奥森特种润滑材料厂”,”pagen”:”1701″}]} 奥森特
*/ function ObjSearch() { this.kw = ”; this.option = ”;
this.displayId = ”; this.search = function() { // if(this.kw==” ||
this.kw==null || this.kw.length<3) // { // alert; // return; // } //
switch // { // //企业 // case ‘0’: // this.searchCpcj(); // break; //
//产品 // case ‘1’: // this.searchCp(); // break; // } OutputHtml; }
this.searchCpcj= function() { var jsonObj = new Array(); var kw =
this.kw; // $.html; // var displayId = this.displayId; $.each(function{
// var cjdhy = content.cjdh; // var cm = content.cm; // var pagen =
content.pagen; if(content.cm.indexOf { // $.append(“”+cm+” |
“+pagen+”
“); jsonObj.push({“cm”:content.cm,”pagen”:content.pagen}); } }); return
jsonObj; } this.searchCp = function() { var jsonObj = new Array(); var
kw = this.kw; // $.html; // var displayId = this.displayId;
$.each(vCp.cppage,function{ // var cpdh = content.cpdh; // var page =
content.page; // var ca = content.ca; // var mc = content.mc; // var
ename = content.ename; // var bm = content.bm; if(content.mc.indexOf {
// $.append(“”+mc+” |
“+page+”
“); jsonObj.push({“mc”:content.mc,”page”:content.page}); } }); return
jsonObj; } } 打包下载地址

实现可编辑的表格demo:

第一步下载jquery easyui

代码:复制代码 代码如下:

下载地址:

知识点: 1.$是$.ready的简写。
2.$中“:”表示过滤,even为偶数函数,筛选条件可以在帮助文档的选择器中查找。此句表示返回tbody内的偶数td,结果为集合。
3.在事件中$将返回此控件的jquery对象。
4.children表示取所有子元素包含input的jquery对象,结果为集合。
5.css表示设置css属性的值。
6.trigger.trigger表示设置事件先触发focus,再触发select。 7.keyup {var
keycode =
event.which;})表示注册键盘事件,参数event的which属性存储键盘信息。

第二步创建Java web项目

发表评论

电子邮件地址不会被公开。 必填项已用*标注