Real-time map editing: Tips and methods to explore seatchart.js-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW)

Real-time map editing: Tips and methods to explore seatchart.js

P粉596161915 2023-09-16 10:26:07

332

I'm trying to design a venue layout using seatchart.js, is it possible to have live editing on the seatchart option?

Suppose I want to change the number of rows and columns by editing the textbox, but I don't see any hooks or functions I can use to re-render the map layout.

This is my default option, I want to change the number of rows and columns.

const options = {
    map: {
      rows: 3,
      columns: 3,
      seatTypes: {
        default: {
          label: "Bronze",
          cssClass: "bronze",
          price: 80
        },
      },
      reserved: [],
      rowSpacers: [],
      columnSpacers: [],
      disabledSeats: [],
      reservedSeats: [],
    },
    cart: {
      visible: false
    },
  }

I created this form in React

Layout form

I expect the map to update after I change the number of rows/columns.

Any help would be greatly appreciated.

P粉596161915

reply all(1)

P粉4045397322023-09-17 09:45:52 1 floor

I changed my library to react-seat-picker, just add the key in the SeatPicker tag, like this


And ensure that some random keys are always generated when the value is updated. 


                            
                                 
                                Like +0
                                
                                    Add Reply
                                    关闭回复

                                
                            
                                                            
                                    
                                        
                                            
                                                
                                                P粉596161915