Print Page - angular and jquery easyui ng-model

You will have to custom a directive to achieve this functionality. The code below shows a 'easyuiTextbox' directive.

Code:

var app = angular.module('myapp', []);
app.directive('easyuiTextbox', function(){
	return {
		restrict: 'AE',
		require:'ngModel',
		link: function(scope, elem, attrs, ngModel){
			$(elem).textbox().textbox('textbox').bind('blur', function(){
				scope.$apply(function(){
					ngModel.$setViewValue($(elem).textbox('getValue'));
				})
			});
			ngModel.$render = function(value){
				$(elem).textbox('setValue', ngModel.$viewValue);
			}
		}
	}
})

Usage example:

Code:

<body ng-app="myapp">
	<input ng-model="value">
	<input easyui-textbox ng-model="value" data-options="required:true"></input>
</body>

EasyUI Forum

General Category => General Discussion => Topic started by: azizkhani on April 17, 2015, 01:35:02 AM