Zen Pages: How to update table pane using javascript event handler

Hi, I am creating a zen page which has a table pane, and loads data, using the onCreateResultSet. I have two controls which allows the user to add a date and type.

I want to add them as parameters into my sql query and update the tablepane. Can you advice on how I can do that?

<button id="fetchapt" label=" " caption="Fetch" onclick="zenPage.Fetch();" hidden="false"/>

ClientMethod Fetch() [ Language = javascript ]
{
   // i can get the values from my controls here

   var par1 = zenPage. .getComponentById('dtfrom').value;

// how can I insert this value par1 and write a new sql query using the value above and update the tablepane
}