$('#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.