Pages

Tuesday 11 March 2014

Jquery UI Popup in MVC4 application




/*follwing div will be opened into POPUP window same as above Add following Script file jquery-ui and css files for the same*/
<div id="right-dialog" title="New Right" class="ui-widget-header">
@Html.TextBox("RightName", null, new { id="rightName"})
<input type="button" value="Add Right" id="newRight" />
</div>
/*Script for popup*/
/*popup for Add New Right*/
$(function () {
$("#right-dialog").dialog({
width: 500,
height: 350,
dialogClass: 'someclass',
autoOpen: false
});
$("#right").click(function () {
$("#right-dialog").dialog("open")
return false;
});
});

No comments:

Post a Comment