Welcome Guest Search | Active Topics | Sign In | Register

JQuery Dialog and TabStrip Options
Maxim
Posted: Thursday, June 25, 2009 3:20:43 AM
Rank: Advanced Member
Groups: Member

Joined: 12/26/2008
Posts: 45
i use

<script type="text/javascript">
$(document).ready(function() {
$("#AdditonalPatientData").dialog();
});

</script>

to call dialog for AdditonalPatientData div. And tab strip is duplicate
Code: HTML/ASPX
<div id="AdditonalPatientData" >
    <div>
    <eo:TabStrip ID="TabStrip1" runat="server" MultiPageID="mpPatientView2" Width="150px">
        <TopGroup>
            <Items>
                <eo:TabItem Text-Html="Allergies">
                </eo:TabItem>
                <eo:TabItem Text-Html="Discharge History">
                </eo:TabItem>
            </Items>
        </TopGroup>
        <LookItems>
            <eo:tabitem Height="21" HoverStyle-CssClass="EO_TabHoverStyle" ItemID="_Default"
            LeftIcon-HoverUrl="00010006" LeftIcon-SelectedUrl="00010008" LeftIcon-Url="00010004"
            NormalStyle-CssClass="EO_NormalStyle"
            RightIcon-HoverUrl="00010007" RightIcon-SelectedUrl="00010009" RightIcon-Url="00010005"
            SelectedStyle-CssClass="EO_SelectedStyle" Text-Padding-Bottom="2" Text-Padding-Top="1">			
            </eo:tabitem>
        </LookItems>
    </eo:TabStrip>
    <eo:MultiPage ID="mpPatientView2" runat="server" Height="180px" Width="100%">
        <eo:PageView ID="PageView1" runat="server" Width="100%">
<uc1:Allergies ID="Allergies1" runat="server" />
        </eo:PageView>
        <eo:PageView ID="PageView2" runat="server" Width="100%">
            <uc2:DocumentHistory ID="DocumentHistory1" runat="server" />
        </eo:PageView>
    </eo:MultiPage>
    </div>


eo_support
Posted: Thursday, June 25, 2009 1:49:16 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

This is a JQuery bug. It unnecessarily called our initialization script a second time after the browser already called it once. It should not do that.

To demonstrate the problem, run the following code:

Code: HTML/ASPX
<div id="AdditonalPatientData" >
    <div>
        window.alert("Hi!");
    </div>
</div>


You will see the alert message when browser loads the page, then again when JQuery's dialog is called.

Unfortunately it appears that the only way to fix this problem is to change JQuery code. You can search online for "domManip" and you will see a lot of people complaining about this problem. JQuery developers seem to have promised to fix it but the latest version still does not work.

Thanks!


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.