Extjs应用札记之-TableGrid定制

    还是那个折腾的客户，要Grid套Grid，可是套出来之后，发现落焦点有问题，还解决不了。没法比，又想了一招，用Table套Table，里层的Table再转成Grid，可是，他们没想到的是，Table转成Grid后，很多功能都很难实现，我估计Extjs提供Table转Grid的功能，顶多是给你转换后显示一下效果，并没有打算怎么用复杂的Grid自身的功能。可是这么一用之后，复杂功能又难实现，折腾我们！！

     这不，表格前面需要一列checkbox，还要带全选择/全删除功能，这个用Grid自带的CheckboxSelectionModel当然很容易实现，可是经过Table转换过来后，就不是那么回事了，在sample里给了个例子，是用TableGrid.js的TableGrid方法实现的转换，可是它转换出来的Grid没有checkbox，而且如果在Table里自己加一列checkbox，又很难实现head上的全选择/全删除功能，于是，想到在重写TableGrid.js，在里面自己添加sm，

Ext.ux.grid.TableGrid = function(table, config, index){ config = config || {}; Ext.apply(this, config); var cf = config.fields || [], ch = config.columns || []; table = Ext.get(table); var ct = table.insertSibling(); var sm = new Ext.grid.CheckboxSelectionModel(); // sm define var fields = [], cols = []; var headers = table.query("thead th"); for (var i = 0, h; h = headers[i]; i++) { if (i == index) { // add sm at index cols.push(sm); } var text = h.innerHTML; var name = 'tcol-' + i; …………