Dojo Forum

Hi!, I know that is out date, but i have the same problem and I can change
the columns, but the way is dirty, by dom manipulation. Full code is:

///////////////////////////

Programmatic FilteringTable Test

/***
The following is just an example of how to use the table.
You can override any class names to be used if you wish.
***/
table {
font-family:Lucida Grande, Verdana;
font-size:0.8em;
width:100%;
border:1px solid #ccc;
border-collapse:collapse;
cursor:default;
background-color:#FFFFFF;
}
table td,
table th{
padding:2px;
font-weight:normal;
}
table thead td, table thead th {
background-image:url(img/ft-head.gif);
background-repeat:no-repeat;
background-position:top right;
}

table thead td.selectedUp, table thead th.selectedUp {
background-image:url(img/ft-headup.gif);
}

table tbody tr td{
border-bottom:1px solid #ddd;
}
table tbody tr.alt td{
background: #e3edfa;
}
table tbody tr.selected td{
background: yellow;
}
table tbody tr:hover td{
background: #a6c2e7;
}
table tbody tr.selected:hover td{
background:#ff9;
}

var djConfig = { isDebug: false, debugAtAllCosts: false };

dojo.require("dojo.widget.FloatingPane");
dojo.require("dojo.widget.FilteringTable");
dojo.require("dojo.widget.Button");
dojo.hostenv.writeIncludes();

var parametros = {title: "Mi primer floating pane",
id:"panFlo",resizable:true, hasShadow:true, displayCloseAction:true,
executeScripts: true, toggle:"explode"
,toggleDuration:500};

var panelFlotante;

dojo.addOnLoad(function() {
var div =document.getElementById("panelFlotante");
div.setAttribute('id', 'panelFlotante');
//div.innerHTML = "Contenido del div";
div.style.position="absolute";
div.style.width="300px";
div.style.height="300px";
div.style.top="50px";
div.style.left="50px";
panelFlotante = dojo.widget.createWidget("FloatingPane",parametros,div);

// la tabla

filteringTable =
dojo.widget.createWidget("dojo:FilteringTable",{id:"miTabla", valueField:
"myId", alternateRows:"true"},dojo.byId("content"));

for (var x = 0; x

Buscar
cambiar
Estructura tabla

//////////////////////////

I dont know if later can have a bug, I try it and i dont lost events, or
filtering criteria. The function that change
structure is replaceStructure(). I define the new type of data (var
testData) and structure (var testColumns), remove all data with

filteringTable.store.clearData();

and i take the dom node of table called "content". Then I take their childs
and i remove only the child witch tagName is "THEAD".
Then i put a new array of columns in the filtering table with:

filteringTable.columns = [];

and append a new node thead to content, and i work with the filtering table
normally.

Tom Trenka wrote:

--
View this message in context: http://www.nabble.com/Clearting-Out-and-re-populating-filteringtable-tf2...
Sent from the Dojo mailing list archive at Nabble.com.

Damn - I hate that - just posed this and found a solution -

removed
- this.fTable.store.clearData();
and replaced with
- this.fTable.columns = [];

is this correct? - or is there a method to clear the columns?

MW wrote:

--
View this message in context: http://www.nabble.com/Clearting-Out-and-re-populating-filteringtable-tf2...
Sent from the Dojo mailing list archive at Nabble.com.

On 12/8/06, MW wrote:

This works just fine for me: this.fTable.store.setData([]);

which may be just a tad cleaner if the columns field was not intended
to be exposed (just guessing here).

Cheers,

Joe.

Thanks for that Joe.

Just come accross another problem though:

this
this.fTable.valueField = data["key"];

doesnt seem to be working, the returned data returns the key [ valueField]
thats unique in the returned dataset.

If it set it when the filtertable is instantiated ...

_this.fTable =
dojo.widget.createWidget("FilteringTable",{alternateRows:"true", valueField:
"ID"},_this._fTable);

it works fine, but I dont want this to happen. I want the returned dataset
to set the vaueField - can the valueField only be specified when the widget
is created?

any help muchly appreciated.

Martin.

Joe la Poutre wrote:

--
View this message in context: http://www.nabble.com/Clearting-Out-and-re-populating-filteringtable-tf2...
Sent from the Dojo mailing list archive at Nabble.com.

Filtering wasn't designed to rebuild columns on the fly, just to repopulate
the data within the columns. It's pretty rare you run across a situation
where you need to rebuild the columns as well as the data; in general I'd
say you're trying a solution that sounds to me like you should really be
using 2 instances of Filtering for. While it's theoretically possible to
do, I don't see the point of doing it.

Filtering.store.clearData() will clear all of the existing data out of the
underlying store and reflect those changes in the table. While you can use
setData([]), I would recommend that you use clearData (different events are
fired, so there's performance differences).

trt

MW wrote:

--
View this message in context: http://www.nabble.com/Clearting-Out-and-re-populating-filteringtable-tf2...
Sent from the Dojo mailing list archive at Nabble.com.

Yes, it can only be set when the widget is created.

MW wrote:

--
View this message in context: http://www.nabble.com/Clearting-Out-and-re-populating-filteringtable-tf2...
Sent from the Dojo mailing list archive at Nabble.com.

The reason for this is that when you assign value field as the beginning,
the FilteringTable sets the valueField on it's "store" element, and from
then on uses that (see the postCreate function). You should instead set the
FilteringTable's store.keyField element, or set them both.

Shane

On 08/12/06, MW wrote:
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://dojotoolkit.org/pipermail/dojo-interest/attachments/20061208/3dcf...

I had the same issue. For the app I am developing, the user is allowed to
choose a query and I am displaying the results in a filtering table. What I
ended up doing was destroying the existing Filtering table, which deletes
the DOM node for the table. The I programatically created a new table node,
created a new FilteringTable, populated the new columns and data then
appended the table node to a content div. This seems to work well.

......................................

var testColumns = tableDat.headerInfo
var testData = tableDat.rowInfo

if(filteringTable)
filteringTable.destroy()

table=document.createElement("table");
table.className="data";

filteringTable =
dojo.widget.createWidget("dojo:FilteringTable",{valueField: "myId"},table);

for (var x = 0; xhttp://www.nabble.com/Clearting-Out-and-re-populating-filteringtable-tf2...
Sent from the Dojo mailing list archive at Nabble.com.