jQuery流程、步骤插件ystep.js使用(二)

最新推荐文章于 2024-08-10 07:18:02 发布

.NET跨平台

最新推荐文章于 2024-08-10 07:18:02 发布

阅读量4.2k

点赞数

分类专栏： Jquery及其组件文章标签： jquery

本文链接：https://blog.csdn.net/wulex/article/details/79508446

版权

Jquery及其组件专栏收录该内容

147 篇文章 3 订阅

订阅专栏

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", //+ order.id,
            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
{
    /// <summary>
    /// data 的摘要说明
    /// </summary>
    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