stepDemo.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="Content/ystep.css" rel="stylesheet" />
<script src="Scripts/jquery-1.10.2.js"></script>
<script src="Scripts/ystep.js"></script>
</head>
<body>
<form id="ProgressForm" runat="server" style="margin: 100px">
<div id="progress_show"></div>
</form>
<script type="text/javascript">
$.ajax({
type: 'POST',
url: 'data.ashx',
data: "id=1,2,3,4,5",
success: function (result) {
$("#ProgressForm").find("#progress_show");
var show_result = jQuery.parseJSON(result);
$("#ProgressForm").find("#progress_show").loadStep({
size: "large",
color: "blue",
steps: show_result
});
$("#ProgressForm").find("#progress_show").setStep(show_result.length);
},
dataType: "text"
});
</script>
</body>
</html>
data.ashx
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using myTest.Models;
using Newtonsoft.Json;
namespace myTest
{
public class data : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
get_progress(context);
}
public void get_progress(HttpContext context)
{
string ids = context.Request["id"].ToString();
string[] idarray = ids.Split(',');
int[] arry = Array.ConvertAll(idarray, new Converter<string, int>(StrToInt));
var list = new BloContext().Person.Where(p => arry.Contains(p.Id)).Select(m => new
{
title = m.Id,
content = m.Name
}).ToList();
context.Response.Write(JsonConvert.SerializeObject(list));
}
public static int StrToInt(string str)
{
return int.Parse(str);
}
public bool IsReusable
{
get
{
return false;
}
}
}
}
Sql脚本
USE [Person]
GO
SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
CREATE TABLE [dbo].[Place](
[Id] [int] IDENTITY(1,1) NOT NULL,
[Name] [nvarchar](max) NULL,
CONSTRAINT [PK_dbo.Place] PRIMARY KEY CLUSTERED
(
[Id] ASC
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
) ON [PRIMARY]
GO
SET IDENTITY_INSERT [dbo].[Place] ON
INSERT [dbo].[Place] ([Id], [Name]) VALUES (11, N'Vegas')
INSERT [dbo].[Place] ([Id], [Name]) VALUES (22, N'Tokyo')
INSERT [dbo].[Place] ([Id], [Name]) VALUES (33, N'上海')
INSERT [dbo].[Place] ([Id], [Name]) VALUES (44, N'加利福尼亚')
INSERT [dbo].[Place] ([Id], [Name]) VALUES (55, N'杭州')
SET IDENTITY_INSERT [dbo].[Place] OFF
/****** Object: Table [dbo].[Person] Script Date: 03/10/2018 15:41:23 ******/
SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
CREATE TABLE [dbo].[Person](
[Id] [int] IDENTITY(1,1) NOT NULL,
[Name] [nvarchar](max) NULL,
[PlaceId] [int] NULL,
CONSTRAINT [PK_dbo.Person] PRIMARY KEY CLUSTERED
(
[Id] ASC
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
) ON [PRIMARY]
GO
SET IDENTITY_INSERT [dbo].[Person] ON
INSERT [dbo].[Person] ([Id], [Name], [PlaceId]) VALUES (1, N'纪灵', 11)
INSERT [dbo].[Person] ([Id], [Name], [PlaceId]) VALUES (2, N'天涯', 22)
INSERT [dbo].[Person] ([Id], [Name], [PlaceId]) VALUES (3, N'云水', 33)
INSERT [dbo].[Person] ([Id], [Name], [PlaceId]) VALUES (4, N'墨烟', 44)
INSERT [dbo].[Person] ([Id], [Name], [PlaceId]) VALUES (5, N'南火燕', 55)
SET IDENTITY_INSERT [dbo].[Person] OFF
/****** Object: ForeignKey [FK_Person_Place] Script Date: 03/10/2018 15:41:23 ******/
ALTER TABLE [dbo].[Person] WITH CHECK ADD CONSTRAINT [FK_Person_Place] FOREIGN KEY([PlaceId])
REFERENCES [dbo].[Place] ([Id])
GO
ALTER TABLE [dbo].[Person] CHECK CONSTRAINT [FK_Person_Place]
GO
运行结果如图: