atitit.表格的绑定client side 最佳实践 

 

1. 框架选型 1

2. #---原理和流程 1

1. 方法1 1

2. Dwr 例子 1

3. 方法2 2

4. Jq例如 2

 

1. 框架选型

Easyui 好..走十难调整???

 

嘎自的表格只好js jvc 兰,,,angular

 

Dwr也能了...

 

 

2. #---原理和流程

 

1. 方法1

获得所有的行,第一的头行except,第二模板line,..排除,,,在的所有的数据行删除.

遍历表格模板tr获得tds的所有的id(yash  obj.propty)数组.

作者:: 老哇的爪子 Attilax 艾龙，

2. Dwr 例子

Foreach dataList:::z[

  dwr.util.cloneNode;/// note id propty yao del...coloneRow

   Foreach headList>>  经过column index,get propty name,   thend tds[idx]=obj.propty

End for

Add coloneRow2table..

//or }

 

3. 方法2

根据id/id索引来获得绑定的数据源里面的数据字段..绑定到个td上..

 

4. Jq例如

function fillTable() {

  People.getSmallCrowd(function(people) {

    // Delete all the rows except for the "pattern" row

    dwr.util.removeAllRows("peoplebody", { filter:function(tr) {

      return (tr.id != "pattern");

    }});

    // Create a new set cloned from the pattern row

    var person, id;

    people.sort(function(p1, p2) { return p1.name.localeCompare(p2.name); });

    for (var i = 0; i < people.length; i++) {

      person = people[i];

      id = person.id;

      dwr.util.cloneNode("pattern", { idSuffix:id });

      dwr.util.setValue("tableName" + id, person.name);

      dwr.util.setValue("tableAge" + id, person.age);

      dwr.util.setValue("tableAddress" + id, person.address);

      dwr.util.setValue("tableSuperhero" + id, person.superhero ? "Yes" : "No");

      dwr.util.byId("pattern" + id).style.display = ""; // officially we should use table-row, but IE prefers "" for some reason

      peopleCache[id] = person;

    }

  });

}