ASP.NET Существуют ли хорошие способы разработки мастеров? - PullRequest
1 голос
/ 31 марта 2009

Я знаю, что доступен элемент управления Wizard, но то, что я хочу, настолько упрощенно, что я не могу понять, где я начал отклоняться от глубокого конца. Когда пользователь вводит свое имя и нажимает кнопку «Далее», я хочу, чтобы элемент управления календаря стал выборочным для даты начала. У меня есть возможность отметить дату начала как зеленую. Я хочу, чтобы они выбирали, пока они не нажмут кнопку продолжения. Проблема 1 - они могут попасть дальше без даты. Я хочу поймать это. Проблема вторая: они могут многократно переизбираться, прежде чем попасть дальше. Я хочу, чтобы они могли это сделать. Как только они достигнут следующего, я хочу, чтобы они могли выбирать и заканчивать дату снова и снова, пока они не достигнут следующего. Тогда я хочу, чтобы они подтвердили свои мнения. Я думаю, логика не так проста ... Код, который я написал, настолько плох. :(. Даже правильные исправления повредили мою голову, потому что StartDateStartPart и EndDateStartPart просто превратились бы в бред. Я, очевидно, собираюсь переосмыслить и переделать это с нуля.

<script runat="server" enableviewstate="True">

DateTime begin;
DateTime end;
int iSelectedStart = 0;
int iSelectedEnd = 0;
int iPutName = 0;

protected void Button1_Click(object sender, EventArgs e)
{
  if (iPutName == 0)
  {
    Label1.Text = TextBox1.Text + " you will be slecting your start and end dates.";
    LabelInstructions1.Text = "Please select a begin date and hit next";
    Calendar1.SelectionMode = System.Web.UI.WebControls.CalendarSelectionMode.Day;
    iPutName = 1;
    ViewState["iPutName"] = 1;
    ViewState["Label1_Text"] = Label1.Text;
    ViewState["LabelInstructions1_Text"] = LabelInstructions1.Text;
    ViewState["Calendar1_SelectionMode"] = Calendar1.SelectionMode;
  }
  else
  {
    if (iSelectedStart <= 0)
    {
      LabelInstructions1.Text = "You have not selected a start date please do so.";
    }
    else if (iSelectedStart < 99)
    {
      iSelectedStart = 99;
      Label1.Text = TextBox1.Text + " you will be slecting your start and end dates.";
      LabelInstructions1.Text = "Please select an end date and hit confirm";
      ViewState["begin"] = begin;
      ViewState["iSelectedStart"] = iSelectedStart;
    }
    else
    {
      if (iSelectedEnd = 0)
      {
        LabelInstructions1.Text = "You have not selected a start date please do so.";
      }
    }

  }
}


protected void Calendar1_SelectionChanged(object sender, EventArgs e)
{
  if (iSelectedStart < 99)
  {
    iSelectedStart++;
    begin = Calendar1.SelectedDate;
    ViewState["iSelectedStart"] = iSelectedStart;
    ViewState["begin"] = begin;
  }
  else
  {
    if (begin == Calendar1.SelectedDate)
    {
      LabelInstructions1.Text = "Error you cannot select the same start and end date";
      LabelInstructions1.ForeColor = System.Drawing.Color.Red;
    }
    else
    {
      end = Calendar1.SelectedDate;
      iSelectedEnd = 0;
      ViewState["end"] = end;
    }
  }
}

protected void Calendar1_DayRender(object sender, DayRenderEventArgs e)
{
  if (e.Day.Date == begin)
  {
    e.Cell.BackColor = System.Drawing.Color.Green;
  }
  if (e.Day.Date == end)
  {
    e.Cell.BackColor = System.Drawing.Color.Red;
  }
}

protected void Page_Load(object sender, EventArgs e)
{
  if (ViewState["iPutName"] != null)
    iPutName = (int)ViewState["iPutName"];

  if (ViewState["Label1_Text"] != null) 
   Label1.Text = ViewState["Label1_Text"].ToString();

  if (ViewState["LabelInstructions1_Text"] != null)
    LabelInstructions1.Text = ViewState["LabelInstructions1_Text"].ToString();

  if (ViewState["Calendar1_SelectionMode"] != null)
    Calendar1.SelectionMode = (CalendarSelectionMode) ViewState["Calendar1_SelectionMode"];

  if (ViewState["begin"] != null)
    begin = (DateTime)ViewState["begin"];

  if (ViewState["end"] != null)
    end = (DateTime)ViewState["end"];
}

Ответы [ 3 ]

1 голос
/ 01 апреля 2009

Если вы не хотите связываться с AJAX, более традиционный способ сделать подобные вещи с веб-формами - использовать панель управления для каждой страницы / формы мастера, а затем скрывать или открывать различные панели на обратной передаче. Это не так весело или круто, как подход AJAX, но если это действительно простой маленький волшебник, то это быстрый и простой способ сделать это.

Веб-форма может выглядеть примерно так:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="PanelWizard._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Panel ID="wizForm1" runat="server" Height="50px" Width="125px">
            <asp:TextBox ID="txtName" runat="server" OnTextChanged="TextBox1_TextChanged"></asp:TextBox></asp:Panel>

    </div>
        <asp:Panel ID="wizForm2" runat="server" Height="50px" Width="125px" Visible="False">
            <asp:Calendar ID="calStart" runat="server"></asp:Calendar>
        </asp:Panel>
        <asp:Button ID="btnContinue" runat="server" OnClick="btnContinue_Click" Text="Continue" />
    </form>
</body>
</html>

Состояние просмотра страницы будет управлять значением ваших элементов управления, к которому вы можете затем обращаться в коде для реализации своей бизнес-логики, когда вы скрываете и открываете панели. Например:

namespace PanelWizard
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void btnContinue_Click(object sender, EventArgs e)
        {
            // validate controls according to business logic
            //...

            // Hide and reveal panels based on the currently visible panel.
            if (wizForm1.Visible)
            {
                wizForm1.Visible = false;
                wizForm2.Visible = true;
            }
            else if (wizForm2.Visible)
            {
                // and so on...
            }
        }
    }
}
0 голосов
/ 01 апреля 2009

После долгих раздумий я думаю, что мне нужно сделать конечный автомат с диаграммой, показывающей все возможные переходы состояний. Кроме того, вероятно, необходим выбор хороших переменных имен, а не письмо в качестве обучения.

0 голосов
/ 31 марта 2009

Похоже, вам, возможно, придется использовать javascript / ajax для создания интуитивно понятного интерфейса для мастера. Я бы порекомендовал Jquery, так как его легко изучать и манипулировать элементами DOM.

...