jQWidgets Forums

jQuery UI Widgets Forums Dialogs and Notifications Window How to pass a values from window to controller?

This topic contains 3 replies, has 2 voices, and was last updated by  Peter Stoev 10 years, 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author

  • Kavyad23
    Participant
    $('#jqxTabs').on('tabclick', function(event) {
    			var tabclicked = event.args.item;
    			var title = $('#jqxTabs').jqxTabs('getTitleAt', tabclicked);
    			if (title == "+") {
    				$('#addPopupWindow').jqxWindow('open');
    			}
    		});
    
    		$scope.PopupWindow = {
    			height : 110,
    			width : 370,
    			resizable : false,
    			autoOpen : false,
    			isModal : true,
    			animationType : 'fade'
    		};
    <body class='default' ng-controller="demoController">
    	<jqx-tabs id='jqxTabs' jqx-show-close-buttons="true">
    	<ul>
    		<li>Tab 1</li>
    		<li>Tab 2</li>
    		<li id="addNewTab">+</li>
    	</ul>
    	<div>Content</div>
    	<div></div>
    	<div></div>
    	</jqx-tabs>
    
    	<jqx-window jqx-settings="PopupWindow" id="addPopupWindow">
    	<div>
    		<span>Add new tab</span>
    	</div>
    	<div>
    		<div class="filter">
    			<label>Tab Name</label>
    			<jqx-input></jqx-input>
    		</div>
    		<div class="btn_filter">
    			<jqx-button ng-click="">Add</jqx-button>
    		</div>
    	</div>
    	</jqx-window>
    </body>

    Here I want to add a new tab, If I click the “+” symbol, popup will come, now How to pass this popup window textbox value to controller for setting Title(setTitle) for new Tab.


    Peter Stoev
    Keymaster

    Hi Kavyad23,

    Please, post your AngularJS related questions in the AngularJS Forum. Several times, I wrote you about the jqx-data attribute which you can use for passing data from inner isolated scope(window’s scope) to outer scope.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com


    Kavyad23
    Participant

    Hi Peter,

    Thanks for you reply. This query is related to jqxWindow so only I posted in Window Forums. Actually jqx-data is used for accessing the datas from controller to Isolated scope(window’s scope). Now I want to pass the input text values from jqxwindow to controller when I click a button in jqxWindow.


    Peter Stoev
    Keymaster

    Hi Kavyad23,

    jqx-data is not used anywhere in the provided code. How do you want to pass the input text? Have you tried by just binding to the input’s “change” event and storing their value in some variables?

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.