สร้างแผงการนำทาง

 navlistPanel ( ... , id = NULL , selected = NULL , well = TRUE , fluid = TRUE , widths = c ( 4 , 8 ) )

...	องค์ประกอบ tabPanel จะรวมไว้ใน navlist
id	หากมีให้คุณสามารถใช้ input$ id ในตรรกะเซิร์ฟเวอร์ของคุณเพื่อพิจารณาว่ารายการ navlist ใดที่มีการใช้งานอยู่ ค่านี้จะสอดคล้องกับอาร์กิวเมนต์ value ที่ส่งผ่านไปยัง tabPanel
selected	value (หรือถ้าไม่มีให้ระบุ title ) ของรายการการนำทางที่ควรเลือกโดยค่าเริ่มต้น ถ้าเป็น NULL การนำทางแรกจะถูกเลือก
well	TRUE วางดี (สี่เหลี่ยมผืนผ้าล้อมรอบสีเทา) รอบ ๆ รายการนำทาง
fluid	TRUE ใช้เค้าโครงของเหลว FALSE ใช้รูปแบบคงที่
widths	คอลัมน์ประกอบด้วยส่วนนำทางและพื้นที่เนื้อหาแท็บเล็ตตามลำดับ

ลักษณะ

สร้างแผงรายการการนำทางที่มีรายการลิงก์ทางด้านซ้ายซึ่งไปยังชุดแท็บแบนเนอร์ที่แสดงอยู่ทางด้านขวา

รายละเอียด

คุณสามารถรวมส่วนหัวไว้ใน navlistPanel โดยรวมองค์ประกอบข้อความธรรมดาไว้ในรายการ รุ่นของ Shiny ก่อนคั่นด้วย 0.11 "------" แต่จาก 0.11 ตัวคั่นไม่ได้รับการสนับสนุนอีกต่อไป เนื่องจากเวอร์ชัน 0.11 เปลี่ยนเป็น Bootstrap 3 ซึ่งไม่สนับสนุนตัวคั่น

ตัวอย่าง

fluidPage(

  titlePanel("Application Title"),

  navlistPanel(
    "Header",
    tabPanel("First"),
    tabPanel("Second"),
    tabPanel("Third")
  )
)

<div class="container-fluid">
  <h2>Application Title</h2>
  <div class="row">
    <div class="col-sm-4 well">
      <ul class="nav nav-pills nav-stacked">
        <li class="navbar-brand">Header</li>
        <li class="active">
          <a href="#tab-3012-1" data-toggle="tab" data-value="First">First</a>
        </li>
        <li>
          <a href="#tab-3012-2" data-toggle="tab" data-value="Second">Second</a>
        </li>
        <li>
          <a href="#tab-3012-3" data-toggle="tab" data-value="Third">Third</a>
        </li>
      </ul>
    </div>
    <div class="col-sm-8">
      <div class="tab-content">
        <div class="tab-pane active" data-value="First" id="tab-3012-1"></div>
        <div class="tab-pane" data-value="Second" id="tab-3012-2"></div>
        <div class="tab-pane" data-value="Third" id="tab-3012-3"></div>
      </div>
    </div>
  </div>
</div>