मेरे ड्रॉपडाउन मेनू के रूप में मैं इसे करने के लिए योजना बनाई काम नहीं करता है। यहां आप उस मेनू को पा सकते हैं जिस पर मैं काम कर रहा हूं।

जब मैं 'प्रोड्यूट' दबाता हूं, तो 2 सबमेनू बिंदुओं के साथ एक ड्रॉपडाउन मेनू खोलना चाहिए। यदि मुझे यह ड्रॉपडाउन मिलता है, और इन मेनू बिंदुओं में फिर से सबमेनस है, तो एक और ड्रॉपडाउन होना चाहिए। क्या यह संभव है ? और यदि हाँ, तो कैसे, मैं टाइपोस्क्रिप्ट के लिए काफी नया हूँ।

संपादित करें: ठीक है, मैंने अभी <a href="#">..</a> देखा, मैं इस रिश्तेदार को कैसे लिंक कर सकता हूं, इसलिए यदि मैं एक नया सबमेनू बिंदु जोड़ता हूं तो यह स्वचालित रूप से वहां दिखाई देगा? शायद data-target="dropdown" का उपयोग कर रहे हैं?

lib.field_topmenu = HMENU 
lib.field_topmenu {
  1 = TMENU
  1 {
wrap = <ul class="nav navbar-nav">|</ul>
expAll = 1
NO = 1
NO {
        allWrap = <li>|</li>
        ATagTitle.field = title 
}
ACT = 1
ACT {
        wrapItemAndSub = <li class="active">|</li>
        ATagTitle.field = title 
}
IFSUB = 1
IFSUB {
            before = <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-target="dropdown">
            after =  <b class="caret"></b></a>
            doNotLinkIt = 1
            wrapItemAndSub = <li class="dropdown">|</li>
            ATagTitle.field = title 
            ATagParams = class="dropdown-toggle" data-toggle="dropdown"
            ATagBeforeWrap = 1
}
ACTIFSUB = 1
ACTIFSUB {
            before = <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            after =  <b class="caret"></b></a>
        #   doNotLinkIt = 1
            wrapItemAndSub = <li class="dropdown active">|</li>
            ATagTitle.field = title 
            ATagBeforeWrap = 1
 }
}
2 = TMENU
     2 {
    expAll = 1
    wrap = <ul class="dropdown-menu">|</ul>
ACT = 1
ACT {
        wrapItemAndSub = <li class="active">|</li>
        ATagTitle.field = title
}
ACTIFSUB = 1
ACTIFSUB {
            wrapItemAndSub = |
            before = <li class="divider"></li><li class="nav-header">
            after = </li>
        #   doNotLinkIt = 1
            ATagTitle.field = title 
}
NO {
        allWrap = <li>|</li>
        ATagTitle.field = title 
}
IFSUB = 1
IFSUB {
            before = <li class="divider"></li><li class="nav-header">
            after = </li>
            doNotLinkIt = 1
            ATagTitle.field = title 
}
SPC = 1
SPC {
        allWrap = <li class="divider"></li><li class="nav-header">|</li>
}
  }
 3 = TMENU
3 {
NO {
        allWrap = <li>|</li>
        ATagTitle.field = title 
}
ACT = 1
ACT {
        wrapItemAndSub = <li class="active">|</li>
        ATagTitle.field = title 
   }
 }
0
sebi 27 नवम्बर 2015, 12:02

2 जवाब

सबसे बढ़िया उत्तर

समस्या का समाधान किया।

lib.field_topmenu = HMENU
lib.field_topmenu {
    entryLevel = 0
    1 = TMENU
    1 {
        expAll = 1
        wrap = <ul class="nav navbar-nav"> | </ul>
        noBlur = 1
        NO = 1
        NO {
            wrapItemAndSub = <li>|</li>
            stdWrap.htmlSpecialChars = 1
            ATagTitle.field = title
        }
        ACT <.NO
        ACT {
            wrapItemAndSub = <li class="active">|</li>
        }
        IFSUB <.NO
        IFSUB {
            allWrap = <!!==:>|
            wrapItemAndSub = <li class="dropdown">|</li>
            ATagBeforeWrap = 1
            linkWrap = |&nbsp;<b class="caret"></b>
            ATagParams = class="dropdown-toggle" data-toggle="dropdown"
        }
        ACTIFSUB < .IFSUB
        ACTIFSUB {
            allWrap = <!!==:>|
        }
    }
    2 = TMENU
    2 {
        wrap = <ul class="dropdown-menu" role="menu" aria-labelledby="dLable">|</ul>
        expAll = 1

        NO = 1
        NO {
            allWrap = <li>|</li>
            stdWrap.htmlSpecialChars = 1
        }

        ACT < .NO
        ACT.ATagParams = class="active"
        ACT.allWrap = <li class="active">|</li>

        IFSUB < .NO
        IFSUB.wrapItemAndSub = <li class="dropdown">|</li>
        IFSUB.ATagParams = class="dropdown-toggle" data-toggle="dropdown"
        IFSUB.linkWrap = |&nbsp;<b class="caret"></b>
        IFSUB.ATagBeforeWrap = 1

        ACTIFSUB < .IFSUB
        ACTIFSUB {
            allWrap = <!!==:>|
    }

    3 = TMENU
    3 { 
            wrap = <ul class="dropdown-menu" role="menu" aria-labelledby="dLable">|</ul>
            expAll = 1
            NO = 1
            NO.allWrap = <li>|</li>
            NO.stdWrap.htmlSpecialChars = 1
            ACT < .NO
            ACT.ATagParams = class="active"
            ACT.allWrap = <li class="active">|</li>
    }
}
}
lib.title_banner = IMAGE
lib.title_banner {
                file {
                    import.data = levelmedia:-1, slide
                    treatIdAsReference = 1
                    import.listNum = 0
                }
}
2
sebi 15 पद 2015, 07:03

यदि आप <li> पूरे उपमेनू के आसपास <li> टैग रखना चाहते हैं, तो आपको wrapItemAndSub का उपयोग करना होगा।

सामान्य तौर पर आपको पहले एक कार्यशील HTML मार्कअप बनाना चाहिए और फिर उस मार्कअप को उत्पन्न करने के लिए टाइपोस्क्रिप्ट का उपयोग करना चाहिए।

0
pgampe 28 नवम्बर 2015, 18:17