ASP .NET Core MVC Documentation

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>									
}

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>									
}

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>									
}

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>									
}

<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>									
}

<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>									
}

<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>									
}

<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>									
}