如何设计动态座椅规划师?

时间:2018-05-01 14:24:23

标签: javascript .net asp.net-mvc

我正在编写一个代码,可以根据我从数据库中获得的座位信息准备座位计划。我按如下方式记录数据库中的席位;

public class seat
    {
        public int id { get; set; }
        public int row { get; set; }
        public int number { get; set; }
        public int authorium_id { get; set; }
    }

预留席位如下

public class seat_reserved
    {
        public int id { get; set; }
        public int seat_id { get; set; }
        public int reservation_id { get; set; }
        public int screening_id { get; set; }

    }

在Google上进行研究时,我认为以下网址中的插件可以正常使用

jQuery Seat Charts

但是我在.net环境中开发它,我无法动态编辑下面的代码块

var sc = $('#seat-map').seatCharts({
                map: [
                    'aaaaaaaaaa',
                    'aaaaaaaaaa',
                    '__________',
                    'aaaaaaaa__',
                    'aaaaaaaaaa',
                    'aaaaaaaaaa',
                    'aaaaaaaaaa',
                    'aaaaaaaaaa',
                    'aaaaaaaaaa',
                    'aa__aa__aa'
                ],
...

如何通过数据库组织“地图”部分中的席位?

1 个答案:

答案 0 :(得分:1)

您需要创建工作表数组并将其序列化为json并将其分配给它,

假设您已使用seets定义了一个数组

 class SeatSelectionViewModel{
       public List<string> seets{get;set;}
 }

的javascript

      var sc = $('#seat-map').seatCharts({
            map: @Html.Raw(Json.Encode(Model.seets)),

注意:这只是您需要根据项目需要对具体解决方案进行细化的想法