Tahnks Satyam and Philip for your suggestions. I have figured out
the problem. I was passing my panel div tag as a conatiner (instead
of DataTable div tag unsurprisingly! )inside the initialization
method of the DataTable..

It works fine except when I click the lick it looks like that panel
is being refreshed because it is loading the DataTable. It will work
fine for now.

I am hoping that YUI might have solved this problem in their new
release.


Thanks a lot..


--- In ydn-javascript@yahoogroups.com, "kpshah4" <kpshah4@...> wrote:
>
> Philip : Here is my code.
>
> ASPX Codde:
>
> ** This is the link where I pop up the panel on the click event of
> the link. *******
>
> <a href="#" id="lnkClusterSettings"
> onclick="GetCustomClusterSettingsScript();">Custom Cluster
> Settings</a>
>
> *** HTML Code for the Panel ***********
>
> <div id="divCustomClusterSettings">
> <table>
> <tr><td>
> <div id="divClusterSettingDataTable"></div>
> </tr></td>
>
> <tr><td>
>
> <span class="metaheader">School
CoordinatorSettings:</span><br />
> <input type="radio" id="rbtLockClusterSettings"
runat="server"
> name="ClusterLockSettings"/> Lock Settings
> <input type="radio" id="rbtUnLockClusterSettings"
runat="server"
> name="ClusterLockSettings"/> Unlock Settings
> </tr></td>
>
> </table>
>
> </div>
>
> JavaScript Code:
>
>
> function PanelClusterSettingsFunction() {
> $CLI.PanelClusterSettings = new YAHOO.widget.Panel
> ("divCustomClusterSettings",
> {
> fixedcenter: false,
> visible: false,
> constraoviewport: true,
> zIndex:600,
> xy: [150, 100],
> width: "630px",
> height: "250px",
> close: true,
> modal:true
> });
> $CLI.PanelClusterSettings.render();
>
> YAHOO.util.Event.addListener("lnkClusterSettings", "click",
> $CLI.PanelClusterSettings.show, $CLI.PanelClusterSettings, true);
> }
> YAHOO.util.Event.onDOMReady(PanelClusterSettingsFunction);
>
> *** This is the function I am executing to define the DataTable ***
>
> function LoadCourseData()
> {
> YAHOO.util.Event.throwErrors = true;
>
> var Dom = YAHOO.util.Dom;
> var Ex = YAHOO.example;
>
> //---Define Column Definitions For A DataTable------
> YAHOO.example.ClientPagination = new function() {
> var myColumnDefs =
> [
> { key: "Select", label: "Select",
formatter:"checkbox",
> width:50},
> { key: "School", sortable: true, label: "School",
> width:250 },
> { key: "City", sortable: true, label: "City",
> width:150 },
> {key: "State", sortable: true, label: "State"}
> ];
>
> //---Define DataSource For A DataTable------
> Ex.myDataSource = new YAHOO.util.DataSource
> ($CLI.CustomClusterSettings.data);
> Ex.myDataSource.responseType =
> YAHOO.util.DataSource.TYPE_JSON;
> Ex.myDataSource.responseSchema = {
> resultsList: "items",
> fields: [
> { key: "SchoolID" },
> { key: "School" },
> { key: "City" },
> { key: "State" }
> ]
> };
>
> //---Instatiate a DataTable------
> Ex.myDataTable = new YAHOO.widget.DataTable
> ('divCustomClusterSettings', myColumnDefs,
> Ex.myDataSource);
> };
> };
>
> *** This is the function I am calling on the click of the
> Link "lnkClusterSettings" ****
>
> function GetCustomClusterSettingsScript()
> {
> var schoolId = 1015;
> var ClusterId = 1048;
> PageMethods.GetCustomClusterSettingsInfo
> (schoolId,ClusterId,SuccessGetCustomClusterSettingsScript);
> }
>
> function SuccessGetCustomClusterSettingsScript(result)
> {
> var d=YAHOO.lang.JSON.parse(result);
> $CLI.CustomClusterSettings = d;
> LoadCourseData();
> }
>
> Satyam : Here I have put my code. Can you correct me if I am doing
> any mistake with <div> tag you talked about in your reply?
>
>
> --- In ydn-javascript@yahoogroups.com, Philip Tellis <philip@>
> wrote:
> >
> > k dropped bits saying:
> >
> > > I have created a panel having some HTMl controls like radio
> buttons,
> > > textboxes and a DataTable. But the problem is that as soon as
the
> > > panel pops up, it shows HTML controls for a second and then it
> shows
> > > the DataTable and all other HTML controls get disappeared.
> > >
> > > So I dont know if it is possible to create a DataTable inside
a
> Panel.
> > > I have heard that you can create a Calendar control inside a
> Panel but
> > > for that you have to do some trick.
> >
> > show us the code
> >
>