NumericTextBox PHP Class Overview
The Kendo UI NumericTextBox for PHP is a server-side wrapper for the Kendo UI NumericTextBox widget.
Getting Started
Configuration
Below are listed the steps for you to follow when configuring the Kendo UI NumericTextBox for PHP.
Step 1 Make sure you followed all the steps from the introductory article on Telerik UI for PHP—include the autoloader, JavaScript, and CSS files.
Step 2 Create a NumericTextBox.
<?php
$numerictextbox = new \Kendo\UI\NumericTextBox('numerictextbox');
$numerictextbox->min(-100)
->max(100)
->value(10));
?>
Step 3 Output the NumericTextBox by echoing the result of the render method.
<?php
echo $numerictextbox->render();
?>
Event Handling
You can subscribe to all NumericTextBox events.
Specify Function Names
The example below demonstrates how to subscribe for events by specifying a JavaScript function name.
<?php
$numerictextbox = new \Kendo\UI\NumericTextBox('numerictextbox');
// The 'numerictextbox_change' JavaScript function will handle the 'change' event of the numerictextbox
$numerictextbox->change('numerictextbox_change');
echo $numerictextbox->render();
?>
<script>
function numerictextbox_change() {
// Handle the change event
}
</script>
Provide Inline Code
The example below demonstrates how to subscribe to events by providing inline JavaScript code.
<?php
$numerictextbox = new \Kendo\UI\NumericTextBox('numerictextbox');
// Provide inline JavaScript code that will handle the 'change' event of the numerictextbox
$numerictextbox->change('function() { /* Handle the change event */ }');
echo $numerictextbox->render();
?>
Reference
Client-Side Instances
You are able to reference an existing NumericTextBox instance via the jQuery.data(). Once a reference is established, use the NumericTextBox API to control its behavior.
<?php
$numerictextbox = new \Kendo\UI\NumericTextBox('numerictextbox');
echo $numerictextbox->render();
?>
<script>
$(function() {
// The constructor parameter is used as the 'id' HTML attribute of the numerictextbox
var numerictextbox = $("#numerictextbox").data("kendoNumericTextBox")
});
</script>