MVC4 Classic
wijcombobox Step 1 of 3: Setting up the View

In this step you’ll add the markup to add content to the combobox. Complete the following:

  1. In Visual studio, select File | New | Project.
  2. Under Installed Templates, select Visual C#. .NET Framework 4.
  3. Select C1 ASP.NET MVC 4 Web Application (if you haven’t installed this, see Installing the MVC Classic Template), enter a name for the application, and click OK.
    Your Wijmo project is created. You’ll notice it contains the Models, Views, and Controllers folders, which we will work with in the MVC Classic tutorials.
  4. In the Solution Explorer, expand the Views | Shared folder and double-click _Layout.cshtml to open the file.
  5. Add the following markup within the <body> tags of the page. This markup will add the button content to the page.
    <div>
            <label>
                HTML input element</label>
            <input id="tagsinput" />
        </div>
        <div>
            <label>
                HTML select element</label>
            <select id="tags">
                <option value="c++">c++</option>
                <option value="java">java</option>
                <option value="php">php</option>
                <option value="coldfusion">coldfusion</option>
                <option value="javascript">javascript</option>
                <option value="asp">asp</option>
                <option value="ruby">ruby</option>
                <option value="python">python</option>
                <option value="c">c</option>
                <option value="scala">scala</option>
                <option value="groovy">groovy</option>
                <option value="haskell">haskell</option>
                <option value="perl">perl</option>
            </select>
        </div>
        <!-- End demo markup -->
        <div class="demo-options">
            <!-- Begin options markup -->
            <button value="" id="show">
                Show Original Select Element</button>
            <!-- End options markup -->
        </div>
    </div>
    
See Also

 

 


Copyright (c) GrapeCity, inc. All rights reserved.

Product Support Forum |  Documentation Feedback