obj/Release/Package/PackageTmp/docs/sections/plugins/input.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<section>
	<h1 class="blue" data-id="#plugins/input"><i class="ace-icon fa fa-pencil-square-o grey"></i> Form Inputs &amp; Controls</h1>

	<div class="hr hr-double hr32"></div>


	<!-- #section:plugins/input -->
	<div class="help-content">

		<h3 class="info-title smaller" data-id="#plugins/input.chosen">Chosen</h3>
		<!-- #section:plugins/input.chosen -->
		<div class="info-section">
		 <ul class="info-list list-unstyled">
			<li>
				Chosen is a replacement for browser dropdown lists.
				<br />
				You can find more info about its options here:
				<a href="http://harvesthq.github.io/chosen/">http://harvesthq.github.io/chosen/</a>
			</li>
			
			<li>
				To use it, you should include:
				<br />
				<code>assets/css/chosen.css</code>
				<br />
				<code>assets/js/chosen.jquery.min.js</code>
			</li>
			
			<li>
				A basic example could be like this:

<pre data-language="html">
 <select name="myselect" class="chosen-select">
   <option value="1">Option#1</option>
   <option value="2">Option#2</option>
   <option value="2">Option#3</option>
 </select>
</pre>
<pre data-language="javascript">
 $('.chosen-select').chosen(); 
</pre>
			</li>
			
			<li>
				Add <code>.tag-input-style</code> class to <code>select</code> element
				for an alternative multiple chosen style:
<pre data-language="html">
 <select multiple name="myselect" class="chosen-select tag-input-style">
   ...
 </select>
</pre>
			</li>
			
			<li>
				Please note that if chosen element is inside a container which is hidden at first,
				it may not render properly.
				<br />
				To resolve it you should create the chosen or reset its width when the container is shown:
<pre data-language="javascript">
 //an example of a chosen inside a modal