JqueryUI Dialog MVC3 HTML表单

时间:2011-04-21 19:20:26

标签: html jquery-ui forms asp.net-mvc-3 dialog

我在使用html表单填充部分视图时出现问题,以便出现在Jqueryui对话框中。我无法在Jqueryui站点复制该示例。 有人能告诉我在JqueryUI对话框小部件中呈现html表单的最简单方法吗?感谢

我正在

错误

  

ET /Scripts/jquery-1.5.1.js HTTP / 1.1   接受: / Accept-Encoding:gzip,   deflate User-Agent:Mozilla / 4.0   (兼容; MSIE 8.0; Windows NT 6.1;   WOW64;三叉戟/ 4.0; GTB6.6; SLCC2;   .NET CLR 2.0.50727; .NET CLR   3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)   主持人:localhost:50754连接:   Keep-Alive Cookie:   .ASPXANONYMOUS = 3CEJFuUvzAEkAAAAZWRlYmMyYTEtNjI2YS00ZTJiLTlmNjQtMGU5ODQ2NTkyOTFk54B7ON5wgoeekvTVLpo7z2v7OtwKj872YahaQ6h9Q8w1

     

HTTP / 1.1 404未找到服务器:ASP.NET   开发服务器/ 10.0.0.0日期:星期四,   2011年4月21日19:18:34 GMT   X-AspNet-Version:4.0.30319   缓存控制:私有内容类型:   为text / html;字符集= utf-8的   内容长度:3211连接:关闭

表格

<div id="dialog-form" title="Create new user"><form id="form1">
<fieldset>
    <label for="name">Name</label>
    <input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
    <label for="email">Email</label>
    <input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" />
    <label for="password">Password</label>
    <input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
</fieldset>
<button id="opener">Create new user</button></form></div>

THE SCRIPT

  <script type="text/javascript">  $(function ()  {
        $( "#dialog-form" ).dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: true,
        buttons: 
        {           
            Cancel: function() 
            {
 $( this ).dialog( "close" );
            }
        }
        $("#opener").click(function() { 
           $("#dialog-form").dialog("open"); 
           }
      });                        
   </script>

1 个答案:

答案 0 :(得分:0)

根据上面的错误,您在服务器上缺少“/Scripts/jquery-1.5.1.js”,因此得到404.有趣的是(假设复制/粘贴错误),它说“ET / Scripts / jquery” -1.5.1.js“not”GET“但我假设它是一个复制粘贴。