Sharepoint2010 - Аккордеонный стиль QuickLaunchMenu - PullRequest
Новая
       20

Sharepoint2010 - Аккордеонный стиль QuickLaunchMenu

0 голосов
/ 16 мая 2011

Я пытаюсь изменить QuickLaunchMenu моего сайта Sharepoint2010 на стиль аккордеона.

Как я могу получить текущий выбранный элемент?Есть ли возможность добавить класс css к текущему (активному) nav-элементу?Как я могу добавить третий уровень иерархии?

Это мой код jQuery: 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#s4-leftpanel-content li.static>ul.static").each(function(){
                $(this).hide();
            });
            $("#s4-leftpanel-content ul.root>li.static>a").click(function(ev){
                //ev.preventDefault();
                var child = $(this).parent().children('ul');            
                $("#s4-leftpanel-content li.static>ul.static").each(function(){
                        $(this).hide();            
                });
                child.toggle();
            });
            //disable heading click
            $("#s4-leftpanel-content ul.root>li.static>a").toggle(
                function () {},
                function () {}
            );
        });
    </script>

, и это мой быстрый контроль запуска: 

<SharePoint:UIVersionedContent UIVersion="4" runat="server">
                        <ContentTemplate>
                            <SharePoint:AspMenu id="V4QuickLaunchMenu" runat="server" EnableViewState="false" 
                                DataSourceId="QuickLaunchSiteMap" 
                                UseSimpleRendering="true" 
                                UseSeparateCss="false" 
                                SelectStaticItemsOnly="true" 
                                CustomSelectionEnabled="true" 
                                Orientation="Vertical" 
                                StaticDisplayLevels="3" 
                                MaximumDynamicDisplayLevels="2" 
                                SkipLinkText=""
                                CssClass="s4-ql">
                            </SharePoint:AspMenu>
                        </ContentTemplate>
                    </SharePoint:UIVersionedContent>

Любая помощь будетбыть оцененным.

спасибо!

Ответы [ 2 ]

1 голос
/ 24 августа 2011

Привет, я нашел один способ сделать аккордеон для быстрого запуска sharepoint без изменения атрибутов управления asp.Вот как я работалвыбранная страница загружается.

1 голос
/ 23 мая 2011

Поскольку AspMenu наследуется от класса Menu (часть пространства имен WebControls) и

Для активных выбранных, см. Свойство SelectedItem

msdn.microsoft.com / EN-US / библиотека / 0f4wwt2y

Для CSS есть StaticSelectedStyle, DynamicSelectedSytle и LevelSelectedSytles В вашем случае вы создали 3 уровня статического меню и 2 уровня динамического меню. взгляните на StaticSelectedStyle и DynamicSelectedSytle для стиля CSS.

Кстати, поскольку вы ограничиваете себя в создании максимум 2 уровней динамического меню, я считаю, что вы не можете создать эти 3 уровня. 

    <DynamicSelectedStyle
        BackColor="color name|#dddddd"
        BorderColor="color name|#dddddd"
        BorderStyle="NotSet|None|Dotted|Dashed|Solid|Double|
            Groove|Ridge|Inset|Outset"
        BorderWidth="size"
        CssClass="string"
        Font-Bold="True|False"
        Font-Italic="True|False"
        Font-Names="string"
        Font-Overline="True|False"
        Font-Size="string|Smaller|Larger|XX-Small|X-Small|Small|
            Medium|Large|X-Large|XX-Large"
        Font-Strikeout="True|False"
        Font-Underline="True|False"
        ForeColor="color name|#dddddd"
        Height="size"
        HorizontalPadding="size"
        ItemSpacing="size"
        OnDisposed="Disposed event handler"
        VerticalPadding="size"
        Width="size"
    />
    <StaticSelectedStyle
        BackColor="color name|#dddddd"
        BorderColor="color name|#dddddd"
        BorderStyle="NotSet|None|Dotted|Dashed|Solid|Double|
            Groove|Ridge|Inset|Outset"
        BorderWidth="size"
        CssClass="string"
        Font-Bold="True|False"
        Font-Italic="True|False"
        Font-Names="string"
        Font-Overline="True|False"
        Font-Size="string|Smaller|Larger|XX-Small|X-Small|Small|
            Medium|Large|X-Large|XX-Large"
        Font-Strikeout="True|False"
        Font-Underline="True|False"
        ForeColor="color name|#dddddd"
        Height="size"
        HorizontalPadding="size"
        ItemSpacing="size"
        OnDisposed="Disposed event handler"
        VerticalPadding="size"
        Width="size"
    />

Взгляните на это. http://msdn.microsoft.com/en-us/library/microsoft.sharepoint.webcontrols.aspmenu_members.aspx

http://msdn.microsoft.com/en-us/library/ms476607.aspx

...