用射流研究…写的一个TableView控件代码

请看看编码是否规范，使用是否方便HTML:代码复制代码代码如下：表id='customTableView '和tr td编号运输署/运输署姓名/td /tr /thead tbody！-template-t body-tr name=' style=' display : none '！-template-tr-TD bind=' 0 ' span class=' red ' { value }/span/TD TD bind=' 1 ' strong { value }/strong/TD/tr/t body/table HR/table id=' ProductTableView '和tr TD编号运输署/运输署名称/TD/tr/ad t body tr style=' display : none ' TD bind=' 0 ' span class=' red ' { value }/span/TD TD bind=' 1 ' strong { value }/strong/TD/tr/t body/table Javascript :代码复制代码代码如下：脚本类型=' text/JavaScript '/class TableView {//构造函数函数TableView(ID){ var html table=document。getelementbyid(ID)；这个。容器=html表格。getelementsbytagname(' t body ')[0]；这个。模板=这个。集装箱。getelementsbytagname(' tr ')[0]；} //成员方法表格视图。原型。bind=函数(数据源){ var template=this.templatevar容器=this . container for(var k=0；kdatasource . length k){ var new row=template。克隆诺得(真)；新的一排。移除属性(' id ')；新的一排。移除属性(“样式”)；for(var I=0；I2；I){ var DataItem=NewRow。细胞[I]；dataitem。innerhtml=dataitem。innerhtml。替换(' { value } '，数据源[k][dataitem]。getattribute(' bind ')])；}容器。append child(NewRow)；} } //} //测试-1 var productDataSource=[['001 '，]产品名称1'],['002','产品名称2']];var ProductTableView=new TableView(' ProductTableView ')；ProductTableView。绑定(ProductDataSource)；//测试-2 var customDataSource=[['001 '，]客户姓名1'],['002','客户姓名2']];var customTableView=new TableView(' customTableView ')；customtableview。绑定(custom data source)；/script输出结果为