为iPhone使用“Web应用程序工具包移动Web应用程序”

时间:2010-11-23 08:15:19

标签: javascript asp.net-mvc mobile mobile-website toolkit

我使用Web Application Toolkit for Mobile Web Applications使用asp.net MVC为Windows 7 Mobile和iPhone开发一个简单的网站(允许更新用户)。

我使用ibbdemo作为模拟器来测试iPhone。

我一直面临着这个问题。

  1. Javascript / Jquery不能正常工作(我试图在只有文本框的普通页面中设置document.ready中的文本框值)
  2. 单选按钮的表单集合以逗号分隔返回所有值,而不仅仅是选定的值。
  3. 修改

    我在管理员登录网站后尝试执行以下操作:

    1. 显示活动用户和非活动用户(主要/索引)等链接。
    2. 管理员点击“活动用户”链接后,将显示活动用户列表(用户/活动)
    3. 单击用户名称,将显示更新用户详细信息的页面,如姓名,性别,电子邮件,... ...(用户/明细)
    4. javascript工作到第1步,从第2步开始,它什么也没做。我已经尝试在(主/索引)页面中添加一个虚拟文本框并在document.ready中设置值,它有效。但是当我在(用户/活动)或(用户/细节)中执行相同操作时,javascript / jquery似乎不起作用。为了测试,我已经将第一页内容复制到了所有这些内容,但它仍然可以在第一页中使用但不能在其余页面中使用。我很困惑这个问题。

      这是查看(主要/索引)的html:

           <%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Mobile/iPhone/Site.Master"
              Inherits="System.Web.Mvc.ViewPage" %>
      
          <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
              <div class="toolbar">
                  <h1 id="pageTitle">
                  </h1>
                  <a id="backButton" class="button" href="#"></a>
              </div>
              <form id="dashboardForm" action="Main/Index" method="get" title="Dashboard" class="panel"
              selected="true">
              <fieldset>
       <div class="row">
                  <label>
                      Dummy:</label>
                  <%= Html.TextBox("dummyText") %>
              </div>
                  <div class="row">
                      <label>
                          Users: <a href="/User/Detail?IsNew=true">Add</a></label>
                  </div>
                  <div class="row">
                      <a href="/User/Active">Active Users</a> <a href="/User/Inactive">Inactive Users</a>
                  </div>
              </fieldset>
              </form>
      
      <script type="text/javascript" language="javascript">
      
              $(function() {
                  $("#dummyText").val('test');
              });
          </script>
          </asp:Content>
      

      是否有任何工作或是否有人遇到同样的问题并找到了解决方案?

      或者是否有其他工具用于使用asp.net MVC开发移动应用程序,请建议

1 个答案:

答案 0 :(得分:1)

Safari(Apple的浏览器)中有一种模式,可让您模拟iPhone的浏览器Mobile Safari。

在菜单中,找到Develop - &gt; User Agent并选择您要模拟的浏览器。