Properties

disabled bool false

Sets or gets the disabled property.

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input disabled="true" source="Model"></jqx-input>
dropDownWidth int null

Sets or gets the dropDownWidth property.

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input drop-down-width="200" source="Model"></jqx-input>
displayMember string ""

Sets or gets the displayMember property.

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input value-member="CompanyId" display-member="CompanyName" source="Model"></jqx-input>
height int null

Sets or gets the height property.

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input height="25" source="Model"></jqx-input>
items int 8

Sets or gets the items property.

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input items="10" source="Model"></jqx-input>
minLength int 1

Sets or gets the minLength property.

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input min-length="1" source="Model"></jqx-input>
maxLength int null

Sets or gets the maxLength property.

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input max-length="10" source="Model"></jqx-input>
opened bool false

Sets or gets the opened property.

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input opened="true" source="Model"></jqx-input>
placeHolder string ""

Sets or gets the placeHolder property.

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input place-holder="Enter a Country" source="Model"></jqx-input>
popupZIndex int 20000

Sets or gets the popupZIndex property.

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input popup-z-index="99999" source="Model"></jqx-input>
query string ""

Sets or gets the query property.

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input query="item" source="Model"></jqx-input>
renderer string null

Sets or gets the renderer property.

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
@{
	string renderer = "function() {}';
}
<jqx-input {{configuration}}></jqx-input>
rtl bool false

Sets or gets the rtl property.

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input rtl="rtl" source="Model"></jqx-input>
searchMode string 'default'

Sets or gets the searchMode property.

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input search-mode="startswithignorecase" source="Model"></jqx-input>
source array, function []

Sets or gets the source property.

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input source="Model"></jqx-input>
theme string ''

Sets or gets the theme property.

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input theme="energyblue" source="Model"></jqx-input>
valueMember string ""

Sets or gets the valueMember property.

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input value-member="CompanyId" display-member="CompanyName" source="Model"></jqx-input>
width int null

Sets or gets the width property.

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input width="200" source="Model"></jqx-input>

Events

change Event

Code examples

Bind to the change event of jqxInput. 

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input on-change="eventHandler()"></jqx-input>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}
close Event

Code examples

Bind to the close event of jqxInput. 

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input on-close="eventHandler()"></jqx-input>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}
open Event

Code examples

Bind to the open event of jqxInput. 

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input on-open="eventHandler()"></jqx-input>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}
select Event

Code examples

Bind to the select event of jqxInput. 

<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input on-select="eventHandler()"></jqx-input>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Methods

destroy Method 
<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input source="Model" instance="getInstance()"></jqx-input>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["destroy"]();									
	}									
</script>									
}
focus Method 
<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input source="Model" instance="getInstance()"></jqx-input>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["focus"]();									
	}									
</script>									
}
selectAll Method 
<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input source="Model" instance="getInstance()"></jqx-input>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["selectAll"]();									
	}									
</script>									
}
val Method 
<script src="~/jqwidgets/jqxinput.js"></script>
@model IEnumerable<jQWidgets.AspNet.Core.Models.SalesEmployee>
<jqx-input source="Model" instance="getInstance()"></jqx-input>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		var result = instance["val"]();									
	}									
</script>									
}